/* Shared styles for legal pages and 404. Self-hosted fonts, no third-party calls. */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;
  src:url("/assets/fonts/space-grotesk-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 600;font-display:swap;
  src:url("/assets/fonts/dm-sans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#17151C;--ink-soft:#5A5550;--paper:#F6F3EE;--paper-2:#EFEAE2;
  --line:#E2DBD0;--void:#0B0A12;--comet:#FF6B35;--comet-deep:#B23809;--ion:#6E8BFF;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:1.02rem;line-height:1.7;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.15;margin:0}
a{color:var(--comet-deep)}
a:focus-visible,button:focus-visible{outline:2px solid var(--comet);outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px}
.skip:focus{top:12px}

.l-header{border-bottom:1px solid var(--line)}
.l-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:600;font-size:1.05rem;color:var(--ink);text-decoration:none}
.brand svg{width:26px;height:26px}

.wrap{max-width:760px;margin-inline:auto;padding-inline:clamp(20px,5vw,32px)}

main.wrap{padding-block:clamp(40px,7vw,72px) 80px}
.crumb{font-size:.85rem;color:var(--ink-soft);margin-bottom:28px}
.crumb a{color:var(--ink-soft)}
main h1{font-size:clamp(2.05rem,1.5rem+2.2vw,2.9rem);margin-bottom:10px}
.updated{color:var(--ink-soft);font-size:.9rem;margin-bottom:40px}
main h2{font-size:1.6rem;margin:46px 0 12px}
main h3{font-size:1.3rem;margin:30px 0 8px}
main p,main ul,main ol{margin:0 0 16px}
main ul,main ol{padding-left:22px}
main li{margin-bottom:6px}
main strong{font-weight:600}
.note{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:16px 20px;font-size:.92rem;color:var(--ink-soft)}
.note strong{color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:40px 0}
table{border-collapse:collapse;width:100%;font-size:.92rem;margin:0 0 20px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--paper-2);font-family:"Space Grotesk";font-weight:600}

.l-footer{border-top:1px solid var(--line);background:var(--paper-2)}
.l-footer .wrap{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;padding-block:26px;font-size:.85rem;color:var(--ink-soft)}
.l-footer a{color:var(--ink-soft)}
.l-footer nav{display:flex;flex-wrap:wrap;gap:16px}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-color-scheme:dark){
  :root{--paper:#141319;--paper-2:#1c1a22;--ink:#ECE9F0;--ink-soft:#A6A1B2;--line:#2b2833;--comet-deep:#FF8A5C}
}