*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ee;color:#202821;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#245e42;text-underline-offset:4px}a:hover{color:#103923}button,select,input{font:inherit}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #ccd3c8}header a{font-size:15px}.brand{font-weight:750;text-decoration:none;color:inherit;letter-spacing:-.4px}nav{display:flex;gap:20px}h1{font-size:clamp(34px,5vw,62px);line-height:1.1;letter-spacing:-1.8px;max-width:900px;margin:18px 0 24px}h2{font-size:28px;line-height:1.2;letter-spacing:-.6px}p,li{max-width:76ch}p{margin:16px 0}.eyebrow{font:600 12px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.4px;color:#506851}.intro{font-size:21px;max-width:820px}.hero{padding:42px 0 26px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:46px}.toc{align-self:start;position:sticky;top:24px;border-top:3px solid #315b40;padding-top:16px;font-size:14px}.toc a{display:block;margin:10px 0}.panel{background:#fff;border:1px solid #c4cdc2;border-radius:12px;padding:28px;margin:24px 0 36px;box-shadow:0 10px 30px #273b2510}.panel h2{margin-top:0}.check{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #e1e5dd;cursor:pointer}.check input{flex:none;width:21px;height:21px;margin-top:3px;accent-color:#285d3a}fieldset{border:0;margin:0;padding:0}legend{font-weight:650;margin:16px 0 4px}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.button,button{display:inline-block;border:1px solid #245839;background:#285d3a;color:white;padding:11px 18px;border-radius:6px;text-decoration:none;font-weight:650;cursor:pointer}.button:hover,button:hover{background:#19432a;color:#fff}button.secondary{background:white;color:#285d3a}select{width:100%;border:1px solid #687a69;background:white;border-radius:5px;padding:9px;color:#202821}.selectrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.selectrow label{font-weight:600}.result{margin-top:22px;border-left:3px solid #8dab69;padding:2px 0 2px 18px}.result p{margin:9px 0}.small{font-size:14px;color:#4c5f4e}#status{min-height:1.6em}.article-section{padding:10px 0 26px;border-bottom:1px solid #d9dfd3}code{font:14px ui-monospace,monospace;background:#e8ece3;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}li{padding-bottom:7px}footer{font-size:14px;border-top:1px solid #ccd3c8;margin-top:36px;display:flex;flex-wrap:wrap;gap:20px}:focus-visible{outline:3px solid #ad5626;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;z-index:9;padding:12px}.skip:focus{top:5px}.codex{background:#f7f8fa;color:#17202b}.codex a{color:#285ba0}.codex .panel{border-color:#ccd6e3}.codex button,.codex .button{background:#234d83;border-color:#234d83}.codex button.secondary{background:white;color:#234d83}.codex .result{border-color:#557aaf}.codex input{accent-color:#234d83}.codex .toc{border-color:#234d83}@media(max-width:760px){header,main,footer{padding:18px}.hero{padding-top:28px}.layout{display:flex;flex-direction:column;gap:20px}.toc{position:static;order:-1}.toc a{display:inline-block;margin:5px 12px 5px 0}.panel{padding:20px}.selectrow{grid-template-columns:1fr}h1{letter-spacing:-1px}.intro{font-size:19px}nav{gap:12px}.controls button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}