:root{color-scheme:light;--ink:#15222a;--muted:#52636a;--line:#d5e1dc;--paper:#f4f7f3;--white:#fff;--accent:#0b665b;--soft:#e4f4ec;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ca6f18;outline-offset:3px}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:30;background:#fff;padding:.6rem 1rem}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,5rem);border-bottom:1px solid var(--line);background:var(--white)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;background:var(--accent);color:white;border-radius:.65rem}.site-header nav a{display:inline-block;padding:.45rem .8rem;border-radius:.5rem;text-decoration:none;font-weight:650}.site-header nav a:hover,.site-header nav a[aria-current]{background:var(--soft)}main{min-height:65vh}.hero{padding:clamp(3rem,8vw,8rem) clamp(1rem,6vw,7rem);background:radial-gradient(circle at 88% 22%,#c8eed7 0,transparent 30%),linear-gradient(125deg,#e8f4e9,#f6f8f3 66%);border-bottom:1px solid var(--line)}.eyebrow,.section-number{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:var(--accent)}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,6vw,6.5rem);max-width:16ch;margin:1.2rem 0}h2{font-size:clamp(1.65rem,2.7vw,2.7rem);margin:.5rem 0 1.5rem}.hero p,.article-intro p{font-size:clamp(1.08rem,1.5vw,1.4rem);max-width:62ch;color:var(--muted)}.content-section{padding:clamp(2rem,4vw,4rem) clamp(1rem,6vw,7rem);border-bottom:1px solid var(--line)}.content-section>p{max-width:75ch}.section-heading{display:flex;align-items:baseline;gap:clamp(1rem,4vw,4rem);flex-wrap:wrap}.section-number{min-width:11rem}.breadcrumbs{padding:1rem clamp(1rem,6vw,7rem)}.breadcrumbs ol{display:flex;gap:.6rem;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:.6rem;color:var(--muted)}.article-intro{padding:3rem clamp(1rem,6vw,7rem);background:var(--soft)}.article-body .content-section{padding-inline:clamp(1rem,6vw,7rem)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}.info-card,.result{background:var(--white);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}.formula{font-size:1.5rem;overflow-wrap:anywhere}.formula code{font-family:ui-monospace,Consolas,monospace}details{border-top:1px solid var(--line);padding:1rem 0;max-width:80ch}summary{cursor:pointer;font-weight:700}.field{display:grid;gap:.4rem;max-width:34rem}.field label{font-weight:700}.field-hint{margin:0;color:var(--muted);font-size:.9rem}.field input{width:100%;border:1px solid #8daba1;border-radius:.55rem;padding:.8rem;background:#fff}.result output{display:block;font-size:2rem;font-weight:800;color:var(--accent)}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem clamp(1rem,4vw,5rem);background:var(--ink);color:white}.site-footer button{background:none;border:0;color:white;text-decoration:underline}.consent-panel{position:fixed;z-index:20;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1rem;background:var(--white);box-shadow:0 12px 40px #15222a30}.consent-panel[hidden]{display:none}.consent-panel h2{font-size:1.2rem;margin:0}.consent-panel p{margin:.35rem 0 0;max-width:60ch}.consent-actions{display:flex;gap:.6rem;flex-wrap:wrap}.consent-actions button{border:1px solid var(--accent);border-radius:.6rem;padding:.7rem 1rem;white-space:nowrap}.button-primary{background:var(--accent);color:white}.button-quiet{background:white;color:var(--accent)}@media(max-width:700px){.consent-panel{display:block}.consent-actions{margin-top:1rem}.consent-actions button{flex:1}.hero{padding-block:3.5rem}.section-number{min-width:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.percent-mode{scroll-margin-top:1rem}.percent-mode h2{max-width:35ch}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:60rem}.calculator-fields .field{max-width:none}.calculate-button{border:0;border-radius:.6rem;padding:.8rem 1.5rem;margin:1rem 0 1.5rem;font-weight:700}.calculation-error{max-width:60rem;padding:1rem;border-left:4px solid #aa3f29;background:#fff0ec;color:#722815}.percent-mode .result{max-width:60rem;margin-bottom:1.5rem}.mode-explanation{max-width:85ch}.mode-explanation p{white-space:pre-line}.percent-mode .result h3{margin:0 0 .5rem}@media(max-width:650px){.calculator-fields{grid-template-columns:1fr}.percent-mode h2{font-size:1.7rem}}