:root { --calc-ink:#071521; --calc-teal:#08766f; --calc-paper:#f4f0e7; --calc-line:rgba(7,21,33,.14); --calc-copper:#a9562d; }
.calculator-page { background:var(--calc-paper); color:var(--calc-ink); }
.calculator-hero { background:linear-gradient(118deg,#06111c 0%,#092630 72%,#0c3937 100%); color:#fff; }
.calculator-hero-inner { width:min(1160px,calc(100% - 32px)); margin:auto; padding:clamp(4.5rem,9vw,8rem) 0 clamp(4rem,8vw,7rem); }
.calculator-hero .breadcrumbs { color:rgba(255,255,255,.62); }
.calculator-hero h1 { max-width:980px; margin:.65rem 0 1.2rem; font:500 clamp(2.8rem,6.8vw,6rem)/.96 Georgia,serif; letter-spacing:-.05em; }
.hero-subhead { max-width:760px; margin:0; color:rgba(255,255,255,.82); font-size:clamp(1.05rem,1.8vw,1.3rem); }
.hero-note { max-width:720px; margin:1rem 0 0; color:#a9c9c7; font-size:.9rem; }
.hero-actions { display:flex; align-items:center; gap:1.25rem; margin-top:2rem; }.hero-actions>a:not(.button){color:#fff;font-weight:750;text-underline-offset:4px}
.calculator-workspace { padding:clamp(3rem,7vw,6rem) 0; }.calculator-shell { width:min(1120px,calc(100% - 32px)); margin:auto; }
.workspace-heading { display:grid; grid-template-columns:1fr 320px; gap:2rem; align-items:end; padding-bottom:1.6rem; border-bottom:1px solid var(--calc-line); }
.workspace-heading h2 { max-width:720px; margin:.25rem 0 0; font:500 clamp(2rem,4vw,3.5rem)/1.02 Georgia,serif; letter-spacing:-.035em; }.workspace-heading>p{margin:0;color:#536273;font-size:.82rem}.workspace-heading>p strong{display:block;color:var(--calc-ink)}
.calculator-error-summary { margin:1.2rem 0; padding:1rem 1.2rem; border-left:4px solid #a83c2c; background:#fff4ef; color:#692418; }.calculator-error-summary ul{margin:.4rem 0 0}
.quick-section { display:grid; grid-template-columns:44px 1fr; gap:1.2rem; padding:clamp(2rem,5vw,4rem) 0; border-bottom:1px solid var(--calc-line); }
.section-number { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--calc-ink); color:#fff; font-weight:800; }.section-body h3{margin:.25rem 0 1.25rem;font:500 clamp(1.65rem,3vw,2.4rem)/1.1 Georgia,serif}.section-intro{margin:-.6rem 0 1.5rem;color:#667383}
.use-case-select{display:grid;grid-template-columns:140px minmax(0,520px);gap:1rem;align-items:center;color:#506071;font-size:.78rem;font-weight:800}.use-case-select select{width:100%;min-height:50px;padding:.7rem;border:1px solid var(--calc-line);border-radius:8px;background:#fff;color:var(--calc-ink);font:700 .9rem Inter,system-ui}
.outcome-summary { display:grid; grid-template-columns:135px 1fr; gap:1rem; margin-top:1.2rem; padding:1.1rem 0; border-block:1px solid var(--calc-line); }.outcome-summary>span{color:var(--calc-teal);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.outcome-summary p{margin:0;font:500 1.08rem/1.45 Georgia,serif}.custom-outcome{grid-column:2;display:grid;gap:.4rem;font-size:.8rem;font-weight:750}.custom-outcome[hidden]{display:none}.custom-outcome input,.simple-field input,.advanced-content input{min-height:46px;padding:.7rem;border:1px solid var(--calc-line);border-radius:7px;background:#fff;font:inherit}.custom-outcome small,.simple-field small{color:#687684;font-weight:500}
.input-groups { display:grid; gap:2rem; }.input-groups fieldset{margin:0;padding:0;border:0}.input-groups legend{width:100%;padding:0 0 .7rem;border-bottom:1px solid var(--calc-line);color:var(--calc-copper);font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem;padding-top:1rem}
.evidence-field,.simple-field{display:grid;align-content:start;gap:.38rem;min-width:0}.evidence-field>label,.simple-field{color:#1a2939;font-size:.84rem;font-weight:780}.evidence-field>small{min-height:0;color:#697583;font-size:.7rem}.evidence-field em,.simple-field em{color:#798591;font-size:.65rem;font-style:normal;font-weight:600}
.field-label-row{position:relative;display:flex;align-items:center;gap:.38rem;color:#1a2939;font-size:.84rem;font-weight:780}.field-help{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;padding:0;border:1px solid #82909d;border-radius:50%;background:#fff;color:#526271;font:800 .68rem/1 Inter,system-ui;cursor:help}.field-help:hover,.field-help:focus-visible,.field-help[aria-expanded=true]{border-color:var(--calc-teal);background:var(--calc-teal);color:#fff;outline:none}.field-tooltip{position:absolute;left:0;top:calc(100% + .5rem);z-index:20;width:min(320px,calc(100vw - 48px));padding:.75rem .85rem;border-radius:7px;background:var(--calc-ink);color:#fff;box-shadow:0 10px 24px rgba(7,21,33,.2);font:500 .75rem/1.45 Inter,system-ui;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.field-tooltip::before{content:"";position:absolute;left:8px;bottom:100%;border:6px solid transparent;border-bottom-color:var(--calc-ink)}.field-help:hover+.field-tooltip,.field-help:focus-visible+.field-tooltip,.field-help[aria-expanded=true]+.field-tooltip{opacity:1;visibility:visible;transform:none}
.compact-input-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:.5rem}.evidence-select{min-height:48px;padding:.5rem;border:1px solid var(--calc-line);border-radius:7px;background:#fff;color:#556473;font:700 .72rem Inter,system-ui}.value-row{display:flex;align-items:center;gap:.6rem}.single-value{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;border:1px solid var(--calc-line);border-radius:7px;background:#fff}.single-value[hidden]{display:none}.single-value input{width:100%;min-width:0;min-height:48px;padding:.7rem;border:0;background:transparent;font:600 1rem Inter,system-ui}.input-prefix,.input-suffix{padding:0 .7rem;color:#65717e}.range-values{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:end;flex:1}.range-values[hidden]{display:none}.range-values label{display:grid;gap:.2rem;color:#6b7681;font-size:.62rem}.range-values input{width:100%;min-width:0;min-height:42px;padding:.55rem;border:1px solid var(--calc-line);border-radius:7px;background:#fff}
.quick-options{margin-top:1.2rem;border-block:1px solid var(--calc-line)}.quick-options summary{padding:.85rem 0;color:var(--calc-teal);font-size:.78rem;font-weight:800;cursor:pointer}.quick-options>.quick-grid{padding:1rem 0 1.2rem}
.comparison-check{display:flex;gap:.75rem;align-items:flex-start;margin:2rem 0 1.2rem;padding:1rem;border-left:3px solid var(--calc-teal);background:#fff;color:#354455;font-size:.84rem}.comparison-check input{width:1.2rem;height:1.2rem;accent-color:var(--calc-teal)}.calculate-button{min-width:220px}
.advanced-analysis { margin:2rem 0; border-block:1px solid var(--calc-line); background:rgba(255,255,255,.42); }.advanced-analysis>summary{padding:1.1rem;cursor:pointer}.advanced-analysis>summary span{display:flex;justify-content:space-between;gap:1rem}.advanced-analysis small{color:#667381;font-weight:500}.advanced-content{padding:0 1.1rem 1.5rem}.advanced-content>p{color:#5d6b79}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.advanced-grid fieldset{display:grid;gap:.65rem;margin:0;padding:1rem;border:1px solid var(--calc-line);background:#fff}.advanced-grid legend{padding:0 .4rem;color:var(--calc-teal);font-weight:850}.advanced-grid label{display:grid;gap:.25rem;color:#3d4b59;font-size:.72rem;font-weight:700}.advanced-grid label:has(input[type=checkbox]){display:flex;align-items:center}.advanced-grid input[type=checkbox]{width:1rem;height:1rem}
.calculator-results { scroll-margin-top:80px; padding:clamp(2.5rem,6vw,5rem) 0 1rem }.calculator-results[hidden]{display:none}.results-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.results-heading h2{margin:.2rem 0 0;font:500 clamp(2rem,4vw,3.5rem)/1 Georgia,serif}.text-button{border:0;background:none;color:var(--calc-copper);font-weight:800;text-decoration:underline;cursor:pointer}
.scenario-tabs{display:flex;margin-top:1.5rem;border-bottom:1px solid var(--calc-line)}.scenario-tabs button{padding:.8rem 1.2rem;border:0;border-bottom:3px solid transparent;background:none;color:#64717e;font-weight:800;cursor:pointer}.scenario-tabs button[aria-selected=true]{border-color:var(--calc-teal);color:var(--calc-teal)}
.primary-results{display:grid;grid-template-columns:repeat(3,1fr);background:var(--calc-ink);color:#fff}.primary-results article{min-height:150px;padding:1.25rem;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.primary-results span,.detail-grid span,.attempt-explainer span,.capacity-result span{display:block;color:#78d2ca;font-size:.67rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.primary-results strong{display:block;margin:.8rem 0 0;font:500 clamp(1.55rem,3vw,2.45rem)/1.05 Georgia,serif}.primary-results .status-result strong{font-size:1.35rem;line-height:1.25}.range-summary{margin:0;padding:1rem 1.2rem;background:#dff1ed;color:#174842;font-weight:750}
.attempt-explainer{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:center;padding:1.2rem;border-bottom:1px solid var(--calc-line)}.attempt-explainer strong{display:block;margin-top:.35rem;font-size:1.4rem}.attempt-explainer p{margin:0;color:#566574;font-size:.84rem}.capacity-result{padding:1.2rem;border-bottom:1px solid var(--calc-line)}.capacity-result strong{display:inline-block;margin:.35rem .4rem 0 0;font-size:1.4rem}.capacity-result small{color:#687583}
.full-detail,.range-rules{border-bottom:1px solid var(--calc-line)}.full-detail summary,.range-rules summary{padding:1rem 0;color:var(--calc-teal);font-weight:850;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:1rem}.detail-grid article{min-height:90px;padding:1rem;border:1px solid var(--calc-line);margin:-1px 0 0 -1px;background:#fff}.detail-grid span{color:#607080}.detail-grid strong{display:block;margin-top:.5rem;font-size:.95rem;text-transform:capitalize}.range-rules p{max-width:780px;color:#566575}.result-footnote{color:#73808d;font-size:.72rem}
.calculator-method{padding:clamp(4rem,8vw,7rem) 0;background:#fff}.calculator-method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,6rem)}.calculator-method h2{margin:.3rem 0 1rem;font:500 clamp(2.2rem,4.3vw,4rem)/1 Georgia,serif}.calculator-method p{color:#5c6976}.calculator-method dl{margin:0}.calculator-method dl div{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--calc-line)}.calculator-method dt{color:var(--calc-teal);font-weight:850}.calculator-method dd{margin:0;color:#586675}
@media(max-width:850px){.workspace-heading,.calculator-method-grid{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr}.primary-results{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.calculator-hero-inner{padding-top:3.5rem}.calculator-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-actions{align-items:flex-start;flex-direction:column}.quick-section{grid-template-columns:1fr;gap:.7rem}.section-number{width:30px;height:30px}.quick-grid,.primary-results,.detail-grid{grid-template-columns:1fr}.use-case-select{grid-template-columns:1fr;gap:.35rem}.outcome-summary{grid-template-columns:1fr}.custom-outcome{grid-column:1}.advanced-analysis>summary span{display:grid}.attempt-explainer{grid-template-columns:1fr;gap:.7rem}.scenario-tabs{overflow-x:auto}.scenario-tabs button{flex:1;padding:.75rem .55rem}.primary-results article{min-height:120px}.results-heading{align-items:flex-start;flex-direction:column}}
@media print{.site-header,.calculator-hero,.quick-section,.advanced-analysis,.calculator-method,.site-footer,.scenario-tabs,.text-button{display:none!important}.calculator-results{display:block!important}.calculator-workspace{padding:0}.calculator-shell{width:100%}}
