/* Shared styles for the simple pages (privacy, 404). Matches the home page palette. */
:root{--ink:#06080D;--ink-2:#0C1018;--bone:#ECEEF2;--mute:#8F97A8;--line:rgba(236,238,242,.12);--volt:#D4FF3A;
  --f-display:'Archivo','Helvetica Neue',Arial,sans-serif;--f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{background:var(--ink);color:var(--bone)}
body{margin:0;font-family:var(--f-display);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--volt);outline-offset:4px;border-radius:4px}
.wrap{width:100%;max-width:760px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;max-width:1100px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand b{font-weight:600;font-stretch:125%;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.top nav{display:flex;gap:20px}
.top nav a{text-decoration:none;color:var(--mute)}.top nav a:hover{color:var(--bone)}
main{padding-block:clamp(40px,8vh,88px)}
h1{font-weight:200;font-stretch:118%;text-transform:uppercase;line-height:.95;font-size:clamp(40px,8vw,76px);margin:14px 0 24px}
h2{font-weight:500;font-size:22px;margin:44px 0 10px}
p,li{color:#C4CAD6}
ul{padding-left:20px}
li{margin-bottom:6px}
strong{color:var(--bone);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--bone);color:var(--ink);
  font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;margin:8px 10px 0 0}
.btn.line{background:transparent;color:var(--bone);border:1px solid var(--line)}
.btn:hover{background:var(--volt);color:var(--ink)}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--mute)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1100px}
footer a{text-decoration:none}footer a:hover{color:var(--bone)}
h1 em{font-style:italic;font-weight:300;font-stretch:100%;text-transform:none;color:var(--volt)}
.updated{color:var(--mute)}
button.linkish{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.toc{display:flex;flex-wrap:wrap;gap:10px 18px;margin:8px 0 8px;padding:16px 0;border-block:1px solid var(--line)}
.toc a{text-decoration:none;color:var(--mute)}.toc a:hover{color:var(--bone)}
main a{color:var(--bone)}
main a.btn{color:var(--ink)}main a.btn.line{color:var(--bone)}
ol{padding-left:22px}
ol.legal li{margin-bottom:14px}
ol.legal ul{margin-top:10px}
h2[id]{scroll-margin-top:24px}
.foot-links{display:flex;flex-wrap:wrap;gap:16px}
@media (max-width:480px){.top nav{gap:14px}.top nav a:first-child{display:none}.brand b{font-size:12px}}