:root{--spr-paper:#f6f4eb;--spr-ink:#17382f;--spr-muted:#57675a;--spr-line:#d2d8c9;--spr-leaf:#426e3c;--spr-lime:#d5ed85;--spr-white:#fffef8;--spr-orange:#d76d37;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--spr-ink);background:var(--spr-paper);line-height:1.55;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--spr-leaf)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--spr-orange);outline-offset:4px}input:focus-visible,button:focus-visible{outline-offset:2px}input[aria-invalid=true]{border-color:#a32d24}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}.spr-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.spr-skip{position:absolute;top:-80px;left:16px;z-index:20;background:var(--spr-ink);color:white;padding:12px 16px}.spr-skip:focus{top:12px}.spr-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--spr-line)}.spr-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.55rem;font-weight:760;letter-spacing:-.055em}.spr-brand svg{width:31px;height:35px}.spr-header nav,.spr-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:.86rem}.spr-header nav a{text-decoration:none}.spr-header nav a:hover{text-decoration:underline}.spr-hero{padding-block:64px 42px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:22px;align-items:end}.spr-eyebrow{font-size:.73rem;letter-spacing:.14em;font-weight:750;color:var(--spr-leaf);margin-bottom:20px}.spr-hero h1,.spr-prose h1{font-size:clamp(2.85rem,5.8vw,5.5rem);font-weight:650;margin-bottom:22px}.spr-lead{max-width:760px;font-size:1.1rem;line-height:1.7;color:var(--spr-muted)}.spr-hero .spr-lead{margin:0}.spr-hero-art{width:200px;max-width:100%;height:auto}.spr-intro{border-block:1px solid var(--spr-line);padding:16px 0;display:flex;align-items:center;gap:18px;font-size:.87rem;color:var(--spr-muted);margin-bottom:36px}.spr-intro strong{color:var(--spr-ink);white-space:nowrap}.spr-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;align-items:start;padding-bottom:64px}.spr-card{background:var(--spr-white);border:1px solid var(--spr-line);padding:28px;border-radius:6px;margin-bottom:18px;box-shadow:0 16px 48px #1b382c0c}.spr-step{display:flex;gap:12px;align-items:start;margin-bottom:22px}.spr-step>span{display:flex;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--spr-leaf);border-radius:50%;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.spr-step h2{font-size:1.35rem;letter-spacing:-.02em;margin:2px 0 9px}.spr-step p{font-size:.83rem;line-height:1.65;color:var(--spr-muted);margin:0}.spr-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.spr-field{display:flex;flex-direction:column;gap:7px;min-width:0}.spr-field label{font-size:.83rem;font-weight:680}.spr-field small{font-size:.76rem;color:var(--spr-muted);line-height:1.5}.spr-unit-field{position:relative}.spr-field input{width:100%;height:46px;border:1px solid #bcc8b5;border-radius:3px;background:white;color:var(--spr-ink);padding:9px 50px 9px 10px;min-width:0}.spr-field input::placeholder{color:#73806f;opacity:1}.spr-unit-field>span{position:absolute;right:12px;top:12px;color:var(--spr-muted);font-size:.82rem;pointer-events:none}.spr-can-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:14px 0;border-top:1px solid var(--spr-line)}.spr-can-row:first-child{border-top:0;padding-top:0}.spr-remove{margin-bottom:1px}.spr-reading-actions{display:flex;gap:16px;align-items:center;margin-top:9px;flex-wrap:wrap}.spr-help{font-size:.8rem;color:var(--spr-muted);line-height:1.6}.spr-tight{margin:18px 0 0}.spr-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.spr-primary{background:var(--spr-ink);color:var(--spr-white);border:0;border-radius:4px;padding:14px 23px;font-size:.9rem;font-weight:720;min-height:46px}.spr-primary:hover{background:#2c5344;color:var(--spr-white)}.spr-secondary,.spr-text-button{background:none;color:inherit;border:1px solid var(--spr-line);border-radius:3px;padding:10px 14px;font-size:.81rem;font-weight:650;min-height:44px}.spr-secondary:hover{background:#edf2df;border-color:var(--spr-leaf)}.spr-text-button{border-color:transparent;text-decoration:underline;padding-inline:6px}.spr-text-button:hover{color:var(--spr-leaf)}.spr-local-note{margin-top:18px}.spr-error,.spr-example{padding:14px 17px;border-radius:4px;margin:0 0 18px;font-size:.86rem;line-height:1.65}.spr-error{border:1px solid #b4513b;background:#fff1e9;color:#81301c}.spr-example{background:#edf2df;border:1px solid #cedba9}.spr-example p:last-child{margin-bottom:0}.spr-result{position:sticky;top:20px;background:var(--spr-ink);color:var(--spr-paper);padding:28px;border-radius:6px}.spr-result h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:22px}.spr-result a:hover{color:var(--spr-lime)}.spr-empty-heading{font-size:2.25rem;line-height:1.13;letter-spacing:-.04em;margin-top:26px}.spr-result #spr-empty>p:not(.spr-empty-heading){font-size:.86rem;color:#ced7c7;line-height:1.65}.spr-result .spr-help{color:#ced7c7}.spr-result-label{font-size:.78rem;color:#ced7c7;margin:24px 0 6px}.spr-amount{display:flex;flex-direction:column;margin-bottom:12px;overflow-wrap:anywhere}.spr-amount strong{font-size:clamp(2.7rem,4vw,3.55rem);line-height:1.1;letter-spacing:-.055em;font-weight:650;color:var(--spr-lime)}.spr-amount>span{font-size:.95rem;margin-top:7px}.spr-result-note{font-size:.75rem;color:#ced7c7;line-height:1.65;margin-bottom:16px}.spr-result dl{margin:20px 0 25px}.spr-result dl>div{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid #507161;padding:11px 0;font-size:.79rem}.spr-result dt{color:#ced7c7;max-width:58%}.spr-result dd{margin:0;text-align:right;max-width:50%;overflow-wrap:anywhere;font-weight:650}.spr-chart{margin:26px 0 18px;border-top:1px solid #507161;padding-top:16px}.spr-chart svg{width:100%;height:auto;display:block}.spr-chart figcaption{font-size:.71rem;color:#ced7c7;line-height:1.6}.spr-time-compare{display:grid;gap:13px;margin:18px 0 24px}.spr-time-compare span{display:flex;justify-content:space-between;gap:8px;font-size:.73rem}.spr-time-compare strong{font-weight:650;text-align:right;overflow-wrap:anywhere}.spr-bar-track{height:6px;background:#507161;margin-top:6px}.spr-bar-track i{height:6px;display:block;background:var(--spr-lime)}.spr-stale{background:#fae3b9;color:#3b341d;border-radius:3px;padding:11px 12px;font-size:.8rem;margin-bottom:18px}.spr-export-actions{display:flex;flex-wrap:wrap;gap:10px}.spr-result .spr-secondary{border-color:#789480;background:#214638;color:var(--spr-white)}.spr-result .spr-secondary:hover{background:#325744;border-color:var(--spr-lime)}.spr-print-details{display:none}.spr-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--spr-line);padding-block:38px 60px}.spr-reading h2{font-size:1.16rem;letter-spacing:-.02em;margin-bottom:12px}.spr-reading p{font-size:.87rem;color:var(--spr-muted);line-height:1.7}.spr-reading a{font-size:.82rem;font-weight:650}.spr-footer{border-top:1px solid var(--spr-line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px 34px;font-size:.78rem;color:var(--spr-muted)}.spr-footer nav{gap:20px;font-size:.78rem}.spr-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spr-prose{max-width:850px;margin:55px auto 65px}.spr-prose h1{font-size:clamp(2.8rem,5vw,4.6rem)}.spr-prose h2{font-size:1.55rem;letter-spacing:-.025em;margin:34px 0 14px;scroll-margin-top:20px}.spr-prose p,.spr-prose li{font-size:.94rem;line-height:1.8;color:var(--spr-muted)}.spr-prose ul{padding-left:22px}.spr-prose li{margin-bottom:13px}.spr-prose strong{color:var(--spr-ink)}.spr-guide-nav{display:flex;flex-wrap:wrap;gap:14px 22px;margin:28px 0;font-size:.84rem}.spr-formula{background:var(--spr-white);border:1px solid var(--spr-line);padding:23px;border-radius:5px}.spr-formula p{margin:0 0 17px}.spr-formula p:last-child{margin:0}.spr-inline-button{display:inline-block;text-decoration:none}
@media(max-width:980px){.spr-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.spr-card,.spr-result{padding:24px}.spr-hero{grid-template-columns:minmax(0,1fr) 155px}.spr-hero-art{width:155px}.spr-header nav{gap:18px}}
@media(max-width:780px){.spr-wrap{width:calc(100% - 36px)}.spr-header{min-height:83px;flex-wrap:wrap;padding-block:20px;gap:16px}.spr-brand{font-size:1.4rem}.spr-header nav{font-size:.8rem;gap:16px}.spr-hero{padding-block:43px 30px;grid-template-columns:1fr}.spr-hero-art{display:none}.spr-hero h1{font-size:clamp(2.65rem,10vw,4.3rem)}.spr-lead{font-size:1rem}.spr-intro{display:block;margin-bottom:27px}.spr-intro strong{display:block;margin-bottom:5px}.spr-layout{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.spr-result{position:static}.spr-card{padding:23px 20px}.spr-reading{grid-template-columns:1fr;gap:27px;padding-block:30px 42px}.spr-footer{flex-direction:column;align-items:start;gap:14px}.spr-prose{margin-block:38px 45px}.spr-prose h1{font-size:2.8rem}.spr-amount strong{font-size:3.3rem}}
@media(max-width:440px){.spr-fields{grid-template-columns:1fr;gap:20px}.spr-card,.spr-result{padding:22px 18px}.spr-can-row{gap:11px}.spr-actions{gap:10px}.spr-primary{width:100%}.spr-result dl>div{font-size:.76rem}.spr-prose h1{font-size:2.5rem}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s,border-color .15s}html{scroll-behavior:smooth}}
@media print{body{background:white;color:black}.spr-header,.spr-hero,.spr-intro,form,.spr-reading,.spr-footer,.spr-result button,.spr-example,.spr-guide-nav{display:none!important}.spr-wrap{width:100%}.spr-layout{display:block;padding:0}.spr-result{position:static;background:white;color:black;border:1px solid #999;box-shadow:none}.spr-result dt,.spr-result-note,.spr-result-label,.spr-chart figcaption{color:black}.spr-amount strong{color:black}.spr-result dl>div,.spr-chart{border-color:#999}.spr-chart svg{background:#17382f;padding:10px}.spr-time-compare{display:none}.spr-print-details{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;border-top:1px solid #999;padding-top:15px;margin-top:22px}.spr-prose{margin:0}.spr-prose h1{font-size:2.3rem}.spr-prose p,.spr-prose li{color:black}a{color:black;text-decoration:none}.spr-inline-button{display:none}}