:root{--ink:#192a31;--paper:#f7f5ef;--white:#fff;--tomato:#ef6144;--yellow:#f3c94f;--green:#547b62;--muted:#55625f;--line:#dcded8;--sans:'DM Sans',system-ui,sans-serif;--display:'Archivo Black','Arial Black',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans)}a{color:#2f5a41}
.wrap{width:min(780px,calc(100% - 32px));margin:auto}
.top{background:var(--ink);color:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;width:min(1160px,calc(100% - 32px))}
.top a{color:#fff;text-decoration:none;font-weight:700}.top nav{display:flex;gap:6px}.top nav a{padding:12px 10px;font-size:14px;font-weight:600;color:#d9e0df;min-height:44px;display:inline-flex;align-items:center}.top nav a:hover,.top nav a:focus-visible{color:var(--yellow)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
main{padding:44px 0 64px}h1{font:400 clamp(32px,6vw,46px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 12px}h2{font:700 22px/1.25 var(--sans);margin:34px 0 8px}p,li{max-width:70ch}
.lede{color:var(--muted);font-size:18px}.box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:18px 0}
.formula{background:#253840;border-left:4px solid var(--yellow);padding:14px 16px;color:#f6e9b7;font-weight:600;border-radius:4px}
footer{background:var(--ink);color:#d8e0db;padding:22px 0;font-size:14px}footer .wrap{width:min(1160px,calc(100% - 32px));display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}footer a{color:#e8d58b;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}