
:root{color-scheme:light;--ink:#20322f;--muted:#60726b;--line:#d6dfd7;--green:#235d47;--paper:#f5f6ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--green);text-underline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:750;text-decoration:none;letter-spacing:-.5px}.brand span{display:inline-block;background:var(--green);color:white;padding:1px 8px;margin-right:10px}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}main{min-height:72vh;padding-top:58px}h1{font:500 clamp(36px,6vw,64px)/1.1 Georgia,serif;letter-spacing:-1.5px;max-width:800px;margin:18px 0 24px}h2{font:500 28px/1.2 Georgia,serif}h3{font-size:18px;margin:0 0 8px}.eyebrow{font:12px monospace;letter-spacing:2px;text-transform:uppercase;color:var(--green)}.intro{max-width:660px;color:var(--muted);font-size:19px}.actions{display:flex;gap:22px;align-items:center;margin:30px 0 50px}.button{background:var(--green);color:white;padding:11px 18px;text-decoration:none;border-radius:3px}.section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;gap:20px}.row{display:grid;grid-template-columns:1fr auto;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.row p{margin:0;color:var(--muted);max-width:620px}.meta{font:12px monospace;color:var(--muted);margin:8px 0}.note{border-left:3px solid #aabbaa;padding:12px 20px;margin:32px 0;color:var(--muted);max-width:750px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}input{width:100%;max-width:600px;border:1px solid #a9b9ae;background:white;padding:13px;font:inherit;margin:16px 0}pre{background:#e8ede5;padding:22px;overflow:auto;border:1px solid var(--line)}code{font-size:14px}.prose{max-width:780px}.prose li{margin-bottom:10px}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding-left:20px;padding-right:20px}nav{gap:18px}.row{grid-template-columns:1fr}.actions{flex-wrap:wrap}.section-head{align-items:flex-start;flex-direction:column}}
