/* Shared styling for the legal pages. Matches the tokens in index.html. */
:root{
  --paper:#FCFCFC;--surface:#F1F1EF;--surface-2:#EDEDEA;
  --ink:#08070E;--muted:#6E6E77;--muted-2:#9A9AA2;--line:#E6E6E2;
  --dash:rgba(140,140,150,.30);--gold:#F4B41A;
  --f:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --maxw:1180px;--gut:clamp(18px,4vw,40px);--nav-h:60px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-weight:500;
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:#000}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);position:relative;z-index:2}

.rails{position:fixed;inset:0;z-index:1;pointer-events:none;display:flex;justify-content:center}
.rails span{width:min(var(--maxw),100%);height:100%;border-left:1px dashed var(--dash);border-right:1px dashed var(--dash)}
@media(max-width:720px){.rails{display:none}}

.nav{position:fixed;top:16px;left:0;right:0;z-index:60;padding:0 var(--gut);pointer-events:none}
.nav-pill{max-width:var(--maxw);margin:0 auto;pointer-events:auto;height:var(--nav-h);border-radius:999px;
  display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 22px;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
  box-shadow:0 1px 2px rgba(10,9,18,.06),0 10px 30px rgba(10,9,18,.08);color:var(--ink)}
.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:-.035em}
.brand img{width:23px;height:23px;object-fit:contain}
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;
  font-size:14.5px;font-weight:600;letter-spacing:-.012em;background:var(--ink);color:#fff;
  transition:transform .35s var(--ease),background .25s ease}
.btn:hover{transform:translateY(-2px);background:#221F36}

main{padding:calc(var(--nav-h) + clamp(70px,10vw,130px)) 0 clamp(70px,9vw,120px)}
.eyebrow{font-size:15px;font-weight:500;color:var(--muted-2);letter-spacing:-.01em;margin:0 0 14px}
h1{margin:0;font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.upd{margin:22px 0 0;font-size:15px;color:var(--muted-2)}
article{max-width:720px;margin-top:clamp(44px,5vw,64px)}
h2{margin:clamp(34px,4vw,48px) 0 14px;font-size:clamp(20px,2.1vw,25px);font-weight:700;letter-spacing:-.03em}
article p,article li{font-size:16px;font-weight:400;line-height:1.66;color:var(--muted);letter-spacing:-.008em}
article p+p{margin-top:14px}
article ul{margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
article a{color:var(--ink);font-weight:500;border-bottom:1px solid var(--line);transition:border-color .2s ease}
article a:hover{border-color:var(--gold)}
.note{margin-top:clamp(44px,5vw,64px);padding:22px 24px;background:var(--surface);border-radius:16px}
.note p{font-size:15px;color:var(--muted)}

.foot{background:#07060D;color:#fff;padding:clamp(48px,6vw,72px) 0;margin-top:clamp(60px,7vw,90px)}
.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot a{font-size:15px;color:rgba(255,255,255,.55);transition:color .2s ease}
.foot a:hover{color:#fff}
.foot .links{display:flex;gap:22px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms !important}}