:root{--ink:#08152f;--teal:#008f93;--muted:#476d7c;--line:#cfe9e6;--mint:#e6faf6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f7fffd;line-height:1.65}a{color:var(--teal)}a:focus-visible{outline:3px solid #006b80;outline-offset:3px}
header{background:white;border-bottom:1px solid var(--line)}.bar{max-width:1120px;margin:auto;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:22px;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{color:var(--teal)}.nav{font-weight:700;text-decoration:none}
main{max-width:1120px;margin:auto;padding:0 24px 80px}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center;padding:55px 0 38px}.eyebrow{font-weight:700;color:var(--teal);margin:0 0 12px}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px;max-width:800px}h2{line-height:1.22;font-size:1.65rem;margin:0 0 15px}h3{font-size:1.12rem;margin:0 0 8px}.lead{font-size:1.18rem;color:var(--muted);max-width:680px;margin:0 0 24px}.cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:100px;background:var(--teal);color:white;text-decoration:none;font-weight:800;line-height:1.3}.cta:hover{background:#00777a}.note{color:var(--muted);font-size:.9rem;margin-top:12px}.hero-card,.card,.callout{border:1px solid var(--line);border-radius:22px;background:white;padding:25px}.hero-card{background:var(--mint)}.hero-card ol{padding-left:22px;margin:12px 0 0}.hero-card li+li{margin-top:10px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}.article{max-width:740px}.article section{margin:0 0 38px}.article p{margin:0 0 16px}.article ul{padding-left:23px}.article li{margin-bottom:9px}.formula{background:var(--mint);padding:17px 20px;border-radius:14px;font-weight:700}.callout{background:#f0fcfa}.aside{align-self:start;position:sticky;top:20px}.aside a:not(.cta){display:block;margin:10px 0}.sources{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}footer{border-top:1px solid var(--line);padding:26px 24px;color:var(--muted);text-align:center}
@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{padding:34px 0 18px}.aside{position:static;grid-row:1}.hero-card{padding:20px}.bar{padding:13px 18px}main{padding:0 18px 50px}}
.scan-visual{margin:18px 0}.scan-visual a{display:block;border-radius:18px;overflow:hidden;background:#e6faf6}.scan-visual img{display:block;width:100%;max-height:360px;object-fit:contain;object-position:center} .scan-visual figcaption{font-size:.86rem;color:var(--muted);margin-top:6px}.callout{background:#e6faf6;border-color:#a8ddda;padding:28px}.scan-visual{margin:20px 0 16px}.scan-visual a{background:white;border:1px solid #c7e6e2;box-shadow:0 12px 32px rgba(3,71,76,.1)}.scan-visual img{width:100%;height:auto;max-height:none;object-fit:contain}.scan-visual figcaption{margin-top:8px}@media(max-width:760px){.callout{padding:18px}.callout .cta{width:100%}}
.table-wrap{overflow-x:auto;margin:18px 0}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border:1px solid var(--line);text-align:left}th{background:var(--mint)}.tool{background:var(--mint);border:1px solid var(--line);border-radius:18px;padding:22px}.tool label{display:block;font-weight:700;margin-top:12px}.tool input{padding:10px;font:inherit;border:1px solid #8dcac5;border-radius:9px;width:100%;max-width:290px}.result strong{font-size:1.5rem;color:var(--teal)}@media print{header,.aside,.cta,footer,.related{display:none!important}main{padding:0}.grid{display:block}.article{max-width:none}}

.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px}.article section{margin:0 0 32px}.article p{max-width:75ch}aside{align-self:start}.card{padding:24px;margin-bottom:22px}img{max-width:100%;height:auto}label{display:block;font-weight:bold;margin:12px 0}input{display:block;width:100%;padding:12px;font:inherit;border:1px solid #85bfbc;border-radius:8px}button{cursor:pointer;font:inherit;background:#008f93;color:white;border:0;border-radius:10px;padding:12px 20px}output{display:block;font-size:1.3rem;font-weight:bold;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{padding:10px;border:1px solid #cfe9e6;text-align:left}details{margin:15px 0}summary{font-weight:bold;cursor:pointer}.links li{margin:12px 0}@media(max-width:760px){.layout{display:block}.hero{display:block}aside{margin-top:30px}.bar{flex-wrap:wrap}h1{font-size:2.3rem}main{padding:0 18px 40px}}@media print{header,aside,.cta,.nav,button{display:none}body{background:white}.layout{display:block}main{max-width:none}.card{break-inside:avoid}}