:root{font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2928;background:#f5f5ef;--accent:#276650;--ink:#193d32;--line:#d9ded7;--muted:#596760;--paper:#fffefa;--wash:#e9eee6;--serif:ui-serif,Georgia,serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #b4712e;outline-offset:3px}header{max-width:1420px;margin:auto;padding:23px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--accent);border-radius:7px;color:var(--accent);font:24px var(--serif)}nav{display:flex;gap:22px}nav a{font-size:.84rem;font-weight:600;text-decoration:none;color:var(--muted)}nav a[aria-current]{color:var(--accent)}main{max-width:1420px;padding:35px 34px 55px;margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:25px;margin-bottom:30px}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--accent);margin:0 0 11px}h1{font:clamp(2rem,4vw,3.5rem)/1.1 var(--serif);letter-spacing:-.04em;max-width:1000px;margin:0 0 13px;color:var(--ink)}.description{max-width:800px;color:var(--muted);margin:0;font-size:.96rem}.badge{border:1px solid var(--line);padding:8px 13px;border-radius:30px;font-size:.74rem;white-space:nowrap;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:24px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:0;box-shadow:0 4px 14px #193d3203}.panel-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;justify-content:space-between}.panel-head h2{font-size:.92rem;margin:0;font-weight:700}.step{font-size:.7rem;color:var(--accent);border:1px solid var(--line);padding:2px 7px;border-radius:5px}.panel-body{padding:22px}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:19px}.preset{border:1px solid var(--line);background:#f8f9f4;font-size:.75rem;color:var(--muted);border-radius:5px;padding:6px 9px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field{min-width:0;display:block;font-weight:600;font-size:.81rem}.field.wide{grid-column:1/-1}.field-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.unit{font-size:.71rem;color:var(--muted);font-weight:400}.field input:not([type=checkbox]),.field select,.field textarea{display:block;width:100%;padding:10px 11px;margin:6px 0 0;border:1px solid #cdd5cd;border-radius:6px;background:#fff;color:#1e2928;min-height:43px}.field textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.65;resize:vertical;min-height:115px}.field input[type=checkbox]{margin:12px 8px 10px 0;accent-color:var(--accent)}.help{display:block;font-size:.72rem;font-weight:400;color:var(--muted);margin-top:5px}.field-section{grid-column:1/-1;border-top:1px solid var(--line);margin-top:3px;padding-top:13px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.primary{background:var(--accent);border:1px solid var(--accent);color:white;border-radius:6px;padding:11px 17px;font-weight:650;font-size:.83rem}.secondary{background:transparent;border:1px solid #cbd5cb;color:var(--ink);border-radius:6px;padding:8px 11px;font-size:.76rem}.form-actions{margin-top:23px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status{font-size:.73rem;color:var(--muted)}.status.error{color:#a03625}.result-top{background:var(--wash);padding:22px;border-radius:11px 11px 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.result-top h2{font-size:.9rem;margin:0}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.metrics{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:19px}.metric{min-width:0;padding-bottom:15px;border-bottom:1px solid var(--line)}.metric-label{font-size:.74rem;color:var(--muted);display:block}.metric-value{font-size:clamp(1.35rem,2.3vw,2rem);font-weight:650;letter-spacing:-.04em;line-height:1.3;display:block;overflow-wrap:anywhere;margin-top:5px}.metric:first-child .metric-value{color:var(--accent)}.result-content{padding:0 22px 22px}.table-scroll{max-width:100%;overflow:auto;margin:5px 0 19px;border:1px solid var(--line);border-radius:6px}table{width:100%;border-collapse:collapse;font-size:.76rem;white-space:nowrap}caption{text-align:left;font-size:.77rem;font-weight:650;padding:11px;background:#f4f6ef}th,td{padding:9px 11px;text-align:left;border-top:1px solid var(--line)}th{font-weight:650;color:var(--muted);background:#fafbf6}.note-list{font-size:.78rem;padding-left:18px;color:var(--muted);margin:16px 0}.note-list li{margin:7px 0}.warning{border-left:3px solid #ba773d;background:#fbf1e2;padding:11px 13px;font-size:.77rem;margin:9px 0;border-radius:0 5px 5px 0}.error-box{border:1px solid #ddafa5;background:#fff2ee;color:#963222;padding:18px;border-radius:6px;font-size:.87rem}.toolbar{border-top:1px solid var(--line);padding:17px 22px;display:flex;flex-wrap:wrap;gap:7px}.save-bar{margin-top:20px;border:1px solid var(--line);border-radius:7px;background:#edf1e9;padding:15px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.save-bar label{font-size:.75rem;color:var(--muted);width:100%}.save-status{font-size:.74rem;color:var(--muted);min-height:1.2em}.below{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.info-block{padding:23px;border:1px solid var(--line);border-radius:9px}.info-block h2{font-size:.95rem;margin-top:0}.info-block p,.info-block li{font-size:.8rem;color:var(--muted)}.article{max-width:850px;margin:auto}.article h2{font:1.75rem var(--serif);margin:35px 0 12px;color:var(--ink)}.article p,.article li{font-size:.95rem;color:#43564d}.formula{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.83rem!important;background:var(--wash);padding:16px;border-radius:6px;overflow-wrap:anywhere}.example{border-left:3px solid var(--accent);padding:5px 17px}.article .eyebrow{margin-top:10px}footer{border-top:1px solid var(--line);max-width:1420px;margin:auto;padding:23px 34px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.73rem}.extra{margin-top:23px}.extra input,.extra textarea,.extra select{max-width:100%}.extra img{max-width:100%;height:auto}.extra button{border:1px solid var(--line);border-radius:5px;padding:7px 10px;background:var(--wash);font-size:.77rem}.extra label{display:block;font-size:.79rem}.extra svg{max-width:100%;height:auto}.extra-section{background:#f7f8f1;padding:16px;border:1px solid var(--line);border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.print-header{display:none}.print-area{display:none}
@media(max-width:850px){header{padding:18px 20px}main{padding:24px 20px 40px}.workspace{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:12px}.badge{justify-self:start}.below{grid-template-columns:1fr}h1{font-size:2.35rem}footer{padding:20px;flex-direction:column}.metric-value{font-size:1.75rem}.description{font-size:.88rem}}@media(max-width:430px){header{gap:12px;align-items:flex-start}.brand{font-size:.87rem;line-height:1.2;max-width:58%}.brand-mark{width:28px;height:28px}nav{gap:11px;font-size:.73rem}nav a{font-size:.73rem}.fields{gap:14px 12px}.panel-body,.panel-head,.result-top,.metrics,.toolbar{padding:17px}.result-content{padding:0 17px 17px}.field.wide{grid-column:1/-1}h1{font-size:2.1rem}.metrics{gap:12px}.metric-value{font-size:1.55rem}.field input:not([type=checkbox]),.field select{padding:9px;font-size:.85rem}.below{gap:15px}}
@media print{body{background:#fff;font-size:11px}header,footer,.hero,.inputs-panel,.toolbar,.save-bar,.below,.badge,.status,.extra button,.extra input,.extra select,.extra textarea{display:none!important}main{padding:0;max-width:none}.workspace{display:block}.results-panel{border:none;box-shadow:none}.print-header{display:block;border-bottom:1px solid #aaa;padding:0 0 12px}.print-header h2{font-size:24px}.metrics{grid-template-columns:1fr 1fr 1fr}.metric-value{font-size:22px}.result-top{background:white}.table-scroll{overflow:visible}table{white-space:normal}.print-area{display:block}.extra{break-inside:avoid}.article{max-width:none}.warning{background:#fff}.note-list{font-size:10px}.extra img{max-height:260px;object-fit:contain}.metric{break-inside:avoid}}

/* Reviewed editorial and discovery surfaces */
.learning-section,.faq-section{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.section-heading h2,.faq-section>h2{font:1.8rem var(--serif);color:var(--ink)}.section-heading a{font-size:.83rem}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.learn-card{display:block;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:9px;text-decoration:none;transition:border-color .15s}.learn-card:hover{border-color:var(--accent)}.learn-card h2{font:1.5rem var(--serif);color:var(--ink);margin:10px 0}.learn-card p{font-size:.87rem;color:var(--muted)}.card-action{font-size:.8rem;font-weight:650;text-decoration:underline}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section summary{cursor:pointer;font-weight:600;font-size:.93rem}.faq-section p{color:var(--muted);max-width:900px;font-size:.88rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:.77rem;margin:10px 0 25px}.breadcrumbs a{font-size:inherit}.article-intro{font-size:1.1rem!important}.review-note{font-size:.8rem!important;border-top:1px solid var(--line);margin-top:30px;padding-top:16px}.article-cta{padding:20px 25px;background:var(--wash);border-radius:8px;margin:30px 0}.article-cta h2{margin:0 0 12px}.article-cta a.primary{display:inline-block;text-decoration:none;border-radius:5px;padding:10px 16px;background:var(--accent);color:white;font-size:.86rem}.article .learn-card h2{margin:10px 0}.article code{overflow-wrap:anywhere}.article nav{justify-content:flex-start}a,summary{touch-action:manipulation}@media(max-width:650px){.learn-grid{grid-template-columns:1fr}.learn-card{padding:20px}.section-heading h2,.faq-section>h2{font-size:1.5rem}.section-heading{flex-wrap:wrap}.article h1{font-size:2rem}.article h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.learning-section,.faq-section,.article-cta,.breadcrumbs{display:none!important}}

/* Compact paper-and-ink workspace, with native document scrolling. */
:root{--ink:#252821;--line:#d8d6cd;--muted:#586056;--paper:#fffdf8;--wash:#edece3;background:#f8f5ed;color:var(--ink)}
html{scroll-padding-top:82px}body{overflow-wrap:break-word}header{max-width:1280px;padding:16px 28px}main{max-width:1280px;padding:25px 28px 48px}.hero{gap:20px;margin-bottom:22px}h1{font-size:clamp(2rem,3.8vw,3.1rem);max-width:900px;line-height:1.08}.description{max-width:720px;line-height:1.6}.badge{border-radius:3px;background:var(--paper)}
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:20px}.panel,.info-block,.learn-card{border-radius:3px;box-shadow:none}.panel-head,.result-top{padding:16px 20px;background:var(--wash)}.panel-head h2,.result-top h2{font:1.35rem var(--serif);color:var(--ink)}.step{border:0;letter-spacing:.06em;padding:0}.panel-body{padding:20px}.fields{gap:16px}.field input:not([type=checkbox]),.field select,.field textarea{min-height:46px;border-radius:3px}.field input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.field:has(input[type=checkbox]){min-height:44px;cursor:pointer}button,input[type=file],input[type=file]::file-selector-button,.primary,.secondary,.preset,nav a,summary{min-height:44px}.primary,.secondary,.preset{padding:10px 13px;border-radius:3px;white-space:normal;line-height:1.35}.preset{background:var(--paper)}nav a{display:inline-flex;align-items:center}.brand{min-height:44px}.brand-mark{border-radius:3px}.metrics{gap:16px}.metric{border-bottom:1px solid var(--line);padding-bottom:12px}.metric-value{font-size:clamp(1.35rem,2.7vw,2rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric-label{line-height:1.4}.table-scroll{max-width:100%}.table-scroll:focus-visible{outline-offset:-3px}.save-bar{border-radius:3px;background:var(--wash)}
.workspace-nav{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:14px;background:#f8f5edf5;border-block:1px solid var(--line)}.workspace-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 16px;text-decoration:none;border:1px solid var(--line);background:var(--paper);font-size:.82rem;font-weight:650}.workspace-nav a:hover{border-color:var(--accent)}.workspace-nav span{margin-left:auto;font-size:.74rem;color:var(--muted)}#inputs-title,#results-title{scroll-margin-top:85px}
.plan-chart{margin:0;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--paper),var(--wash))}.plan-chart .eyebrow{font-size:.65rem;margin-bottom:5px;display:block}.plan-chart h3{font:1.3rem/1.2 var(--serif);margin:0 0 18px;color:var(--ink)}.chart-row{margin-top:12px}.chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:.77rem;line-height:1.35;margin-bottom:5px}.chart-label span{min-width:0}.chart-label strong{flex-shrink:0;font-weight:650;font-variant-numeric:tabular-nums}.chart-bar{display:block;width:100%;height:14px;overflow:visible}.chart-track{fill:var(--line)}.chart-fill{fill:var(--accent)}.chart-fill.negative{fill:#99432f}.chart-bar line{stroke:var(--ink);stroke-width:2}.chart-note{font-size:.7rem;line-height:1.5;color:var(--muted);margin:14px 0 0}.toolbar{padding:16px 20px}.below{margin-top:20px}.info-block{padding:20px}.info-block p,.info-block li{line-height:1.65}button:hover{filter:brightness(.97)}button:disabled{cursor:not-allowed}
@media(min-width:701px) and (max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.fields{grid-template-columns:1fr}.field{grid-column:1/-1}.panel-body,.panel-head,.result-top,.metrics,.toolbar,.plan-chart{padding:16px}.metric-value{font-size:1.45rem}.chart-label{font-size:.73rem}.chart-label strong{flex-shrink:1;text-align:right}}
@media(max-width:700px){header{padding:12px 16px;gap:12px}header nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}main{padding:20px 14px 35px}.hero{grid-template-columns:1fr;gap:14px;margin-bottom:18px}h1{font-size:2.2rem}.workspace{grid-template-columns:1fr;gap:18px}.workspace-nav span{max-width:115px;text-align:right;font-size:.68rem}.workspace-nav a{padding:8px 13px}.panel-body,.panel-head,.result-top,.metrics,.toolbar,.plan-chart{padding:17px}.result-content{padding:0 17px 17px}.description{font-size:.92rem}.badge{font-size:.72rem}.chart-label{font-size:.78rem}.metric-value{font-size:1.65rem}footer{align-items:flex-start}footer a{display:inline-flex;align-items:center;min-height:44px}.below{grid-template-columns:1fr}}
@media(max-width:380px){.fields{grid-template-columns:1fr}.field{grid-column:1/-1}.chart-label{gap:8px}.chart-label strong{flex-shrink:1;text-align:right}.brand{max-width:55%}.metrics{gap:12px}.metric-value{font-size:1.4rem}}
@media(prefers-reduced-motion:no-preference){.chart-fill{transition:width .18s ease,x .18s ease}}
@media print{.workspace-nav{display:none!important}.plan-chart{background:white;break-inside:avoid}.chart-bar{print-color-adjust:exact}.plan-chart h3{font-size:18px}.chart-label{font-size:11px}.chart-note{font-size:10px}.metric-value{font-size:22px}}

:root{--accent:#315c8c}