:root{color-scheme:dark;--bg:#0d0d0d;--surface:#171717;--text:#e8e4dc;--muted:#b2aa9b;--gold:#e8c96a;--line:#383838}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.85 system-ui,sans-serif}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header,footer,main{max-width:1050px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{font:italic bold 32px Georgia;color:var(--text);text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}main{padding-top:48px;min-height:65vh}h1{font-size:clamp(28px,5vw,46px);line-height:1.4;max-width:850px}h2{font-size:24px;margin-top:40px}h3{font-size:19px}p,li{max-width:78ch}.eyebrow,.meta{color:var(--muted);font-size:14px}.eyebrow{letter-spacing:.12em;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:24px 0}.panel{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:6px}.panel h2,.panel h3{margin-top:0}.button{display:inline-block;background:var(--gold);color:#111;padding:10px 16px;text-decoration:none;border-radius:4px;font-weight:600}.button:hover{background:#fff;color:#111}.notice{border-left:3px solid var(--gold);padding:12px 20px;background:var(--surface);margin:24px 0}.pr{font-size:14px;color:var(--muted)}label{display:block}input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:#0d0d0d;color:var(--text);font:inherit}output{display:block;font-size:24px;color:var(--gold)}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow-x:auto}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted);margin-top:56px}.related{padding:20px;border:1px solid var(--line)}@media(max-width:600px){header,footer,main{padding:20px}.panel{padding:18px}nav{gap:14px}th,td{padding:8px}}