:root{--paper:#f5f0e7;--ink:#283d38;--muted:#5b655d;--line:#d5d6c9;--accent:#a65e3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{display:block;inline-size:100%;object-fit:cover}figure{margin:0}figcaption,.fine{font-size:.77rem;color:var(--muted)}figcaption{padding-block-start:10px}.skip{position:absolute;inset-inline-start:16px;inset-block-start:-80px;background:white;padding:12px;z-index:10}.skip:focus{inset-block-start:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.edition{background:var(--ink);color:#fff;text-align:center;font-size:11px;padding:9px;letter-spacing:.5px}header,main,footer{max-inline-size:1260px;margin-inline:auto;padding-inline:44px}header{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-block-end:1px solid var(--line);gap:25px}.brand{text-decoration:none;font-size:26px;line-height:1.4}.brand b{color:var(--accent)}.brand small{display:block;font-size:10px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:65px;align-items:center;padding-block:62px}.eyebrow{font-size:11px;color:var(--accent);font-weight:bold;margin-block:0 18px}h1{font-size:clamp(2.4rem,3.8vw,3.65rem);line-height:1.55;margin-block:0 20px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:16px;max-inline-size:45ch;margin-block-end:28px}.hero img{aspect-ratio:1/1.05}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:0;text-decoration:none;font-size:13px;padding:13px 22px}.steps{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:18px;font-size:12px}section:not(.hero){margin-block:80px}h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.65;margin-block:0 20px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.section-head .eyebrow{grid-column:1/-1}.section-head>p:last-child{max-inline-size:48ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block-start:25px}.cards img{aspect-ratio:1.4}.cards article{border-block-end:1px solid var(--line)}.cards article>div{padding-block:20px}.cards span{font-size:10px;color:var(--accent)}h3{font-size:20px;margin-block:7px}.cards p{font-size:13px}.worksheet{background:#e5e8de;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px}.worksheet>div>p{font-size:14px}.formula{border-block:1px solid #b9c2b2;padding-block:20px}form{background:var(--paper);padding:28px}form label{display:block;font-size:12px;margin-block:10px 6px}input[type=number]{inline-size:100%;border:1px solid #aab1a3;border-radius:0;background:#fff;padding:11px;direction:ltr;text-align:end;color:var(--ink)}.form-actions{display:flex;gap:15px;margin-block:25px}.reset{border:0;background:none;color:var(--ink);text-decoration:underline}.result{background:var(--ink);color:#fff;padding:25px}.result span{font-size:11px}.result strong{display:block;font-size:28px;margin-block:8px;overflow-wrap:anywhere}.result p{font-size:11px;margin:0}#error{color:#9a3327;font-size:12px}.check-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.check-section img{aspect-ratio:1/1.1}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:12px;border-block-end:1px solid var(--line);padding-block:14px;font-size:12px}.checklist input{flex-shrink:0;inline-size:19px;block-size:19px;accent-color:var(--ink);margin-block-start:5px}#progress{color:var(--accent);font-size:12px}.faq{max-inline-size:850px;margin-inline:auto}details{border-block-end:1px solid var(--line);padding-block:18px}summary{cursor:pointer;font-size:15px}details p{font-size:13px}footer{border-block-start:1px solid var(--line);padding-block:35px;font-size:11px}footer strong{font-size:25px}footer p{max-inline-size:85ch}@media(max-width:850px){header,main,footer{padding-inline:24px}.hero{gap:30px}nav{gap:16px}.worksheet{padding:28px;gap:30px}.check-section{gap:30px}}@media(max-width:650px){header{position:relative;padding-block:18px}.brand{font-size:22px}#menu{display:block;background:none;border:1px solid var(--line);padding:6px 12px;color:var(--ink)}nav{display:none;position:absolute;inset-block-start:100%;inset-inline:0;background:var(--paper);padding:20px 24px;border-block-end:1px solid var(--line);z-index:5}.nav-open nav{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-block:38px;gap:25px}h1{font-size:2.5rem}.hero img{aspect-ratio:1.4}.steps{flex-direction:column;gap:8px}.section-head,.worksheet,.check-section{grid-template-columns:1fr}.cards{grid-template-columns:1fr;gap:30px}.cards img{aspect-ratio:1.75}.worksheet{padding:22px;margin-inline:-8px;gap:20px}form{padding:20px}.check-section img{aspect-ratio:1.5}section:not(.hero){margin-block:50px}.result strong{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wrap{max-width:1180px;margin-inline:auto}.header{max-width:1180px;width:100%}.hero{grid-template-columns:1fr 1fr}.hero img{aspect-ratio:16/10}.section{padding-block:45px}.cards article,.source{padding:22px;border:1px solid var(--line);text-decoration:none}.worksheet{max-width:1180px;margin-inline:auto;align-items:start}.worksheet .wrap{display:contents}.check-section{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px}.checklist{list-style:none;padding:0}.checklist li{padding:14px;border-bottom:1px solid var(--line)}.page-shell{min-height:70vh;padding-block:48px}.page-head{max-width:850px;margin:0 auto 35px}.article{max-width:850px;margin:auto}.article-content{font-size:17px;line-height:2}.article-content li{padding-block:8px}.callout{padding:20px;background:#e5e8de;border-inline-start:4px solid var(--accent)}.compare{grid-template-columns:1fr 1fr}.compare label{display:block;margin-block:15px}.compare textarea{display:block;width:100%;padding:12px;background:var(--paper);border:1px solid var(--line)}.sources-list{border-top:1px solid var(--line);padding-top:15px}footer nav{flex-wrap:wrap}.brand small{color:var(--muted)}@media(max-width:650px){.hero{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.check-section{grid-template-columns:1fr}.worksheet{grid-template-columns:1fr}.worksheet .wrap{display:block}}
