#part61CalculatorView[data-cp-view] #cp-shell [hidden]{display:none!important}
#part61CalculatorView[data-cp-view]:not([data-cp-view="calculator"])>.part61-workbench,
#part61CalculatorView[data-cp-view]:not([data-cp-view="calculator"])>.part61-draft-notice{display:none!important}
#cp-shell{font-family:var(--font-sans);color:var(--g-ink);width:100%;padding:0 8px}
/* The app nav is moved into the calculator toolbar by storage.js. */
#part61CalculatorView[data-cp-view]>.part61-calculator-header{display:flex!important;justify-content:flex-end;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--p61-line)}
#part61CalculatorView[data-cp-view]>.part61-calculator-header>div:first-child{display:none}
#part61CalculatorView[data-cp-view] .part61-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;width:100%;flex-wrap:nowrap}
.cp-nav{display:flex;gap:6px;align-items:center}.cp-nav>div{display:flex;gap:6px;flex-wrap:wrap}
#part61CalculatorView .cp-nav button{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--g-line);border-radius:10px;background:var(--g-surface);color:var(--g-ink);padding:9px 11px;min-height:44px;white-space:nowrap}
#part61CalculatorView .cp-nav button:hover{background:var(--g-raised)}
#part61CalculatorView .cp-nav button:focus-visible{outline:3px solid var(--g-accent);outline-offset:2px}
#cp-shell button{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--g-line);border-radius:12px;background:var(--g-raised);color:var(--g-ink);padding:11px 16px;min-height:44px}
#cp-shell button:hover{background:var(--g-surface)}#cp-shell button:focus-visible,#cp-shell input:focus-visible{outline:3px solid var(--g-accent);outline-offset:3px}
#cp-shell button.cp-primary{background:var(--g-gold);color:var(--g-key-ink);border-color:var(--g-edge)}#cp-shell button:disabled{opacity:.55;cursor:wait}
.cp-card{max-width:580px;margin:40px auto 64px;padding:20px 16px}.cp-card h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-1.7px;margin:20px 0}.cp-card h2{font-size:32px;letter-spacing:-1px;margin:12px 0}
.cp-card p{font-size:16px;line-height:1.65}.cp-intro{text-align:center;max-width:520px;padding:36px 28px}.cp-intro img{display:block;margin:0 auto 20px;object-fit:contain}.cp-intro h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}.cp-intro .cp-intro-summary{max-width:38ch;margin:0 auto 26px;font-size:17px;line-height:1.6}.cp-eyebrow{font-size:11px!important;letter-spacing:2px;font-weight:700;color:var(--g-muted)}.cp-muted{color:var(--g-muted);max-width:490px;margin:20px auto 28px}.cp-fine{font-size:12px!important;color:var(--g-muted);line-height:1.6}
#cp-shell label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:20px 0}#cp-shell input{box-sizing:border-box;min-width:0;width:100%;font:inherit;font-size:16px;border:1px solid var(--g-line);border-radius:10px;padding:13px;color:var(--g-ink);background:var(--g-raised)}.cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cp-actions .cp-primary{flex:1}
#cp-message{padding:14px 18px;background:var(--g-surface);border-radius:12px;font-size:14px;overflow-wrap:anywhere}#cp-message.cp-error{background:var(--g-surface);color:var(--av-warning)}.cp-inbox{max-width:900px}.cp-placeholders{display:grid;gap:14px;margin:30px 0}.cp-placeholders span{height:68px;border-radius:12px;background:linear-gradient(100deg,var(--g-surface),var(--g-raised))}
#cp-list{display:grid;gap:12px;margin:24px 0}.cp-record{display:grid;text-align:left;gap:6px;overflow-wrap:anywhere}.cp-record span,.cp-record small{font-weight:400;color:var(--g-muted)}.cp-record strong{font-size:17px}
.cp-saved{padding:20px;background:var(--g-surface);border-radius:16px;margin-bottom:24px}.cp-saved p{margin:6px 0 12px;font-size:13px;overflow-wrap:anywhere}.cp-saved strong{font-size:18px}.cp-owner-view [data-edit-section],.cp-owner-view #part61EditInputsBtn,.cp-owner-view .part61-step-rail{display:none!important}
#cp-delete-dialog{max-width:440px;border:1px solid var(--g-line);border-radius:18px;padding:28px;color:var(--g-ink)}#cp-delete-dialog::backdrop{background:color-mix(in srgb,var(--g-well) 53%,transparent)}
@media(max-width:540px){#cp-shell{padding:0}.cp-nav{align-items:center;min-width:0}.cp-nav>div{justify-content:flex-end}.cp-nav button{padding:9px!important;font-size:11px!important}.cp-card{margin:20px auto 36px;padding:12px 2px}.cp-fields{grid-template-columns:1fr;gap:0}.cp-fields label{margin:12px 0}.cp-actions>button{flex:1}.cp-card.cp-intro{padding:28px 20px}.cp-intro img{width:84px;height:84px}#part61CalculatorView[data-cp-view]>.part61-calculator-header{margin-bottom:8px;padding-bottom:8px}#part61CalculatorView[data-cp-view] .part61-header-actions{gap:5px;flex-wrap:nowrap}.cp-nav{gap:5px}.cp-nav>div{gap:5px}.cp-nav button{min-height:44px!important}.part61-redesign .part61-menu>summary{min-height:44px!important;padding:8px 10px!important}}
@media print{.cp-nav,#cp-message,.cp-actions,#cp-private-note,#cp-owner-contact{display:none!important}}

#cp-shell h1:focus,#cp-shell h2:focus{outline:none}

/* CertPath actions share the site's single Menu dropdown. */
body.cp-navbar-actions #part61CalculatorView>.part61-calculator-header{display:none!important}
body.cp-navbar-actions .nav-tools{display:flex!important}
body.cp-navbar-actions .nav-menu-toggle{display:inline-flex!important}
.cp-site-actions{display:grid;border-bottom:1px solid var(--g-line);padding-bottom:10px;margin-bottom:6px}
.cp-site-actions p{margin:8px 16px;color:var(--g-muted);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.cp-site-actions button{display:block;width:100%;min-height:44px;padding:11px 16px;border:0;border-radius:4px;background:none;color:var(--g-ink);text-align:left;font:inherit;font-size:15px;cursor:pointer}
.cp-site-actions button[hidden]{display:none!important}
.cp-site-actions button:hover{background:var(--g-raised)}
.cp-site-actions button:focus-visible{outline:2px solid var(--g-accent);outline-offset:-2px}
@media(min-width:981px){
body.cp-navbar-actions .nav-brand{flex:1}
body.cp-navbar-actions .nav-links{position:absolute;top:calc(100% + 10px);right:0;left:auto;bottom:auto;height:auto;width:340px;max-height:calc(100svh - 140px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:12px;background:var(--g-surface);border:1px solid var(--g-line);border-radius:8px;box-shadow:var(--g-shadow);opacity:0;visibility:hidden;pointer-events:none}
body.cp-navbar-actions .nav.is-open .nav-links{opacity:1;visibility:visible;pointer-events:auto}
body.cp-navbar-actions .nav-links>a,body.cp-navbar-actions .nav-drop-toggle{width:100%;min-height:44px;padding:11px 16px}
body.cp-navbar-actions .nav-drop-panel{position:static;min-width:0;transform:none;box-shadow:none}
}
/* Shared appearance, while preserving storage and submission behavior. */
body #cp-shell{color:var(--g-ink)}
body #cp-shell :is(button,input){background:var(--g-raised);color:var(--g-ink);border-color:var(--g-line);border-radius:6px}
body #cp-shell button.cp-primary{background:var(--g-gold);color:var(--g-key-ink);border-color:var(--g-edge)}
body #cp-shell :is(.cp-muted,.cp-fine,.cp-eyebrow){color:var(--g-muted)}
body #cp-shell input{background:var(--g-bg)}
body.cp-navbar-actions .nav-tools{display:contents!important}

/* Distinguish an opened saved plan from a new, unsaved scenario. */
#cp-shell .cp-saved{display:grid;gap:12px;background:var(--g-surface);border:1px solid var(--g-accent);border-radius:8px;color:var(--g-ink)}
#cp-shell .cp-saved[hidden]{display:none!important}
#cp-shell .cp-saved strong{display:block;font-size:1.1rem;line-height:1.35;color:var(--g-ink)}
#cp-shell .cp-saved p{color:var(--g-muted)}
#cp-shell #cp-saved-date{font-variant-numeric:tabular-nums}
#cp-shell #cp-message{background:var(--g-surface);border:1px solid var(--g-line);border-radius:6px;color:var(--g-ink)}
#cp-shell #cp-message.cp-error{border-color:var(--av-warning);color:var(--av-warning)}

/* Entry, contact, student links and owner inbox share the calculator material. */
@media screen {
  html[data-gold-mode] body.tool-page .cp-site-actions {gap:6px}
  html[data-gold-mode] body.tool-page .cp-site-actions button {
    background:var(--av-neu-surface,var(--g-surface));border:1px solid var(--g-glass-edge);
    border-radius:12px;box-shadow:var(--av-neu-shadow-sm,var(--g-shadow));
  }
  html[data-gold-mode] body.tool-page #cp-shell :is(.cp-card,.cp-saved),
  html[data-gold-mode] body.tool-page #cp-delete-dialog {
    background:var(--av-neu-surface,var(--g-surface));color:var(--g-ink);
    border:1px solid var(--g-glass-edge);border-radius:18px;
    box-shadow:var(--av-neu-shadow,var(--g-shadow));
  }
  html[data-gold-mode] body.tool-page #cp-shell .cp-card {
    padding:clamp(20px,4vw,32px);
  }
  html[data-gold-mode] body.tool-page #cp-shell #cp-message {
    background:transparent;box-shadow:none;border:0;border-inline-start:3px solid var(--g-edge);
    border-radius:0;padding:10px 14px;
  }
  html[data-gold-mode] body.tool-page #cp-shell .cp-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-gold-mode] body.tool-page #cp-shell :is(label,.cp-actions>button) {min-width:0}
  html[data-gold-mode] body.tool-page #cp-shell .cp-actions>button {max-width:100%;white-space:normal;overflow-wrap:anywhere}
  @media(max-width:540px) {
    html[data-gold-mode] body.tool-page #cp-shell .cp-fields {grid-template-columns:1fr}
  }
  html[data-gold-mode] body.tool-page #cp-shell :is(button,.cp-record) {
    background:var(--av-neu-surface,var(--g-surface));border-color:var(--g-glass-edge);
    border-radius:12px;box-shadow:var(--av-neu-shadow-sm,var(--g-shadow));
  }
  html[data-gold-mode] body.tool-page #cp-shell input {
    background:var(--av-neu-surface,var(--g-surface));border-color:var(--g-line);
    border-radius:10px;box-shadow:var(--av-neu-inset,var(--shadow-inset));
  }
  html[data-gold-mode] body.tool-page #cp-shell button.cp-primary {
    background:var(--g-gold)!important;color:var(--g-key-ink)!important;
    border-color:var(--g-edge)!important;box-shadow:var(--av-neu-gold-shadow,var(--g-shadow))!important;
  }
  html[data-gold-mode] body.tool-page #cp-shell button:not(:disabled):active {
    box-shadow:var(--av-neu-inset,var(--shadow-inset));
  }
  html[data-gold-mode] body.tool-page #cp-shell .cp-saved {border-color:var(--g-edge)}
  html[data-gold-mode] body.tool-page #cp-shell #cp-message.cp-error {border-color:var(--av-warning);color:var(--av-warning)}
}
#cp-shell .cp-card{background:var(--g-surface);border:1px solid var(--g-line);border-radius:8px}
#cp-shell .cp-card h1,#cp-shell .cp-card h2{color:var(--g-ink)}
#cp-shell .cp-card p{color:var(--g-muted)}
#cp-shell .cp-card .cp-fine{color:var(--g-muted)}