@layer reset,base,layout,components;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}img,svg{max-width:100%}[hidden]{display:none!important}}
@layer base{
:root{--paper:#f7f3e9;--ink:#29352f;--muted:#60675d;--line:#c5c6b7;--accent:#a4442a;--yellow:#e4bb52;--light:#eeeadf;--white:#fffdf6;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}::selection{background:#edcd85}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--accent)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}h1{font-size:clamp(2.8rem,6.1vw,5.1rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.05rem);letter-spacing:-.035em}h3{font-size:1.65rem;letter-spacing:-.02em}p{max-width:70ch}input,select{color:var(--ink);background:var(--white);border:1px solid #8f9789;border-radius:3px;min-height:48px;padding:10px 12px;width:100%}input[type=number]{font-variant-numeric:tabular-nums}input:invalid:not(:focus){box-shadow:none}input[aria-invalid=true]{border:2px solid #a32c20}label{display:block;font-size:.84rem;font-weight:600}ul,ol{padding-left:1.35rem}strong{font-weight:650}small{font-size:.8rem}.mono,.eyebrow{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
}
@layer layout{
.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-family:var(--serif);font-size:1.55rem;text-decoration:none;white-space:nowrap}.brand svg{width:30px;height:30px}.site-nav{display:flex;gap:28px;align-items:center;font-size:.85rem}.site-nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 290px;align-items:center;gap:52px;padding:60px 0 46px}.hero .eyebrow{margin-bottom:17px}.hero .intro{font-size:1.13rem;line-height:1.6;max-width:590px;margin-top:22px;color:var(--muted)}.hero-aside{border-left:1px solid var(--line);padding-left:35px}.hero-aside p{font-size:.86rem;margin-top:12px;color:var(--muted)}.hero-aside .display-number{font-family:var(--serif);font-size:3.4rem;line-height:1.1;color:var(--accent)}.workbench{border:1px solid var(--ink);background:var(--white);margin-bottom:58px}.bench-head{padding:15px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink);background:var(--yellow)}.bench-head .eyebrow{color:var(--ink)}.bench-body{display:grid;grid-template-columns:1fr 1fr}.input-panel{padding:30px 35px;border-right:1px solid var(--line)}.result-panel{padding:30px 35px;background:#eeeee2;position:relative}.section{margin:64px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.article-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.article-item{display:block;padding:28px 24px 28px 0;text-decoration:none;border-bottom:1px solid var(--line)}.article-item:nth-child(even){padding-left:32px;border-left:1px solid var(--line)}.article-item h3{margin:10px 0}.article-item p{font-size:.94rem;color:var(--muted)}.article-layout{display:grid;grid-template-columns:1fr 255px;gap:80px;padding-bottom:65px}.prose{max-width:750px}.prose h2{font-size:2rem;margin-top:40px;margin-bottom:18px}.prose h3{margin-top:30px;margin-bottom:14px}.prose p,.prose ul,.prose ol{margin-bottom:20px}.prose li{margin-bottom:10px}.prose .lede{font-size:1.15rem;color:var(--muted)}.aside-notes{border-top:1px solid var(--ink);padding-top:18px;font-size:.86rem}.aside-notes p{margin:16px 0}.aside-notes a{display:block;margin:12px 0}.site-footer{border-top:1px solid var(--ink);padding:34px 0 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;font-size:.85rem}.site-footer p{margin-top:12px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{width:fit-content}.colophon{padding:0 0 28px;font-size:.73rem;color:var(--muted);display:flex;justify-content:space-between;gap:24px}
}
@layer components{
.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:10px;z-index:100}.skip:focus{top:10px}.tag{border:1px solid currentColor;border-radius:99px;padding:3px 9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.small-select{width:110px;min-height:34px;padding:4px 10px;font-size:.83rem;background:transparent}.form-intro{font-size:.86rem;color:var(--muted);margin-bottom:25px}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.field-hint{display:block;margin-top:5px;font-size:.74rem;color:var(--muted);line-height:1.5;font-weight:400}.divider-label{display:flex;gap:12px;align-items:center;margin:24px 0 14px;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.divider-label:after{content:'';height:1px;flex:1;background:var(--line)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 21px;border:1px solid var(--ink);background:var(--ink);color:var(--white);text-decoration:none;border-radius:2px;min-height:47px;font-weight:600;font-size:.86rem;line-height:1.3}.button:hover{color:var(--white);background:#405346}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:#e7e5d9}.button.link{padding:5px 0;min-height:28px;border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.form-note{font-size:.76rem;color:var(--muted);margin-top:18px}.error{font-size:.88rem;color:#9a251c;background:#fff0e7;padding:12px;margin:15px 0;border-left:3px solid #9a251c}.results-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.results-top .eyebrow{color:var(--ink)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.result-label{font-size:.74rem;color:var(--muted);display:block;margin-bottom:4px}.result-number{font-family:var(--serif);font-size:2.8rem;line-height:1.1;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}.result-kind{font-size:.76rem;display:block;margin-top:7px}.swatch-figure{width:100%;height:170px;display:block}.swatch-figure text{font-family:var(--sans);font-size:11px;fill:var(--ink)}.legend{font-size:.73rem;display:flex;gap:24px;justify-content:center;margin-top:4px}.legend span:before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;border:1px dashed #525d50;vertical-align:-2px}.legend span:last-child:before{background:#ad5338;border:0}.result-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:.86rem}.result-bottom p+p{margin-top:8px}.empty-state{padding:45px 0;color:var(--muted)}.large-output{font-family:var(--serif);font-size:3.5rem;letter-spacing:-.045em;margin:16px 0;line-height:1.1}.calculation-line{border-top:1px solid var(--line);padding-top:14px;font-size:.83rem}.step-number{display:block;font-family:var(--serif);color:var(--accent);font-size:2.2rem;margin-bottom:12px}.three-columns h3{font-size:1.5rem;margin-bottom:12px}.three-columns p{font-size:.94rem;color:var(--muted)}.note{border-left:3px solid var(--accent);padding:14px 20px;background:var(--light);font-size:.92rem}.formula{background:var(--light);padding:18px 20px;border:1px solid var(--line);font-size:.93rem;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.91rem}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}th{font-weight:600;background:var(--light)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-family:var(--serif);font-size:1.25rem}details p{margin-top:14px;color:var(--muted)}.article-byline{font-size:.76rem;margin-top:20px;color:var(--muted)}.consent{position:fixed;bottom:20px;left:20px;max-width:410px;width:calc(100% - 40px);z-index:20;background:var(--white);border:1px solid var(--ink);box-shadow:5px 5px 0 #29352f26;padding:20px}.consent h2{font-size:1.45rem}.consent p{font-size:.82rem;margin-top:10px}.consent .button-row{margin-top:14px}.consent .button{padding:10px 14px;min-height:42px}.print-only{display:none}.privacy-button{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;width:fit-content}.ruler{height:18px;border-top:1px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 1px,transparent 1px,transparent 12px);margin-top:28px;opacity:.5}.inline-unit{font-size:.75rem;font-weight:400;color:var(--muted)}
}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.site-nav{gap:15px;font-size:.78rem}.site-nav .extra{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:38px 0 30px}.hero-aside{display:none}.bench-body{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.input-panel,.result-panel{padding:25px}.three-columns{grid-template-columns:1fr;gap:28px}.three-columns>div{display:grid;grid-template-columns:45px 1fr;column-gap:16px}.three-columns .step-number{grid-row:span 2}.article-layout{grid-template-columns:1fr;gap:35px}.aside-notes{max-width:750px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:span 2}.section-head{align-items:flex-start}.section-head a{font-size:.8rem;flex-shrink:0}.colophon{flex-direction:column;gap:8px}}
@media(max-width:480px){.brand{font-size:1.24rem;gap:7px}.brand svg{width:25px}.site-nav{gap:11px;font-size:.74rem}.site-header{gap:8px;padding:17px 0}.hero h1{font-size:3.1rem}.hero .intro{font-size:1rem}.bench-head{padding:12px 17px;gap:12px}.bench-head .tag{display:none}.input-panel,.result-panel{padding:23px 18px}.measurement-grid{gap:12px}.result-number{font-size:2.6rem}.article-list{grid-template-columns:1fr}.article-item:nth-child(even){padding-left:0;border-left:0}.article-item{padding-right:0}.section{margin:46px 0}.section-head{display:block}.section-head a{display:inline-block;margin-top:14px}.consent{bottom:10px;left:10px;width:calc(100% - 20px)}.large-output{font-size:3rem}.site-footer{gap:25px}.article-layout{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;font-size:11pt;color:#111}.wrap{width:100%}.site-header,.site-nav,.site-footer,.colophon,.consent,.hero-aside,.section:not(.print-keep),.button-row,.no-print,.aside-notes{display:none!important}.hero{display:block;padding:10px 0 20px}.hero h1{font-size:27pt}.hero .intro{font-size:11pt}.workbench{margin-bottom:20px;break-inside:avoid}.bench-head{background:white}.bench-body{grid-template-columns:1fr 1fr}.input-panel,.result-panel{padding:18px;background:white}.result-number{font-size:25pt}.large-output{font-size:28pt}input,select{border:0;padding:0;min-height:25px;background:white}.swatch-figure{height:130px}.print-only{display:block}.article-layout{display:block}.print-lines{border-top:1px solid #555;padding-top:12px;line-height:2.4}.error{border:1px solid #111}.prose a:after{content:' (' attr(href) ')';font-size:9pt}h2{break-after:avoid}}