/* shared styles for /privacy and /terms: same tokens as the homepage, tuned for long-form reading */
:root{
  --ink:#07070B;--ink-2:#100D18;--night:#241535;--orange:#FD5101;--ember:#FF8A3D;--beam:#FFC24B;--bone:#F5EFE3;--line:#0A0812;
  --display:"Bungee","Impact","Arial Black",sans-serif;
  --body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  background:var(--ink);color:var(--bone);
  font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:var(--ember);text-underline-offset:3px}
a:hover{color:var(--bone)}
:focus-visible{outline:3px solid var(--beam);outline-offset:3px}
.skip{
  position:fixed;top:.75rem;left:.75rem;z-index:100;transform:translateY(-200%);
  font-family:var(--mono);font-size:.8rem;background:var(--bone);color:var(--ink);padding:.6rem .9rem;text-decoration:none;
}
.skip:focus{transform:none}

/* nav */
.nav{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:.8rem;
  padding:.65rem clamp(1rem,4vw,2.4rem);background:rgba(7,7,11,.92);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(245,239,227,.12);
}
.nav-home{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--bone)}
.nav-home img{width:40px;height:40px}
.nav-name{font-family:var(--display);font-size:1.05rem;letter-spacing:.02em}
.nav-name b{color:var(--orange);font-weight:inherit}
.nav-links{margin-left:auto;display:flex;gap:1.4rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
.nav-links a{color:var(--bone);text-decoration:none;opacity:.78;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links a:hover,.nav-links a[aria-current]{opacity:1;color:var(--ember)}
.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}
@media(max-width:640px){.nav-links{gap:1rem;font-size:.68rem}.nav-name{display:none}}

/* page header */
.legal-head{
  padding:clamp(3rem,8vw,5.5rem) 0 clamp(2.5rem,6vw,4rem);
  background:radial-gradient(80% 60% at 50% 120%,rgba(253,81,1,.22),transparent 70%),linear-gradient(180deg,var(--ink),var(--night));
  border-bottom:3px solid var(--line);
}
.wrap{width:min(760px,100% - 2.5rem);margin-inline:auto}
h1{font-family:var(--display);font-size:clamp(2.1rem,6vw,3.6rem);line-height:.98;text-wrap:balance;text-shadow:4px 4px 0 rgba(10,8,18,.75)}
.effective{margin-top:1rem;font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;color:rgba(245,239,227,.72)}

/* body copy */
main{padding:clamp(2.5rem,6vw,4rem) 0 clamp(4rem,9vw,6rem)}
main:focus{outline:none}
h2{
  font-family:var(--display);font-size:clamp(1.25rem,2.6vw,1.55rem);line-height:1.15;color:var(--bone);
  margin:3rem 0 1rem;scroll-margin-top:5rem;text-wrap:balance;
}
h2:first-child{margin-top:0}
p,ul{max-width:68ch;text-wrap:pretty}
p+p,p+ul,ul+p,.table+p,p+.table{margin-top:1rem}
ul{padding-left:1.2rem}
li+li{margin-top:.45rem}
li::marker{color:var(--orange)}
strong{font-weight:500;color:var(--bone)}
.lede-box{
  background:var(--ink-2);border:2px solid rgba(245,239,227,.14);border-left:4px solid var(--orange);
  padding:1.4rem 1.5rem;margin-bottom:1rem;
}
.lede-box h2{margin:0 0 .8rem}
.contact p{line-height:1.7}

/* tables: scroll sideways on narrow screens instead of breaking the page */
.table{overflow-x:auto;margin-top:1rem;border:1px solid rgba(245,239,227,.16)}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
th,td{text-align:left;vertical-align:top;padding:.75rem .9rem}
th{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:var(--ember);background:var(--ink-2)}
tbody tr+tr td{border-top:1px solid rgba(245,239,227,.1)}
td:first-child{color:var(--bone);font-weight:500;white-space:nowrap}
td{color:rgba(245,239,227,.84)}

footer{
  border-top:1px solid rgba(245,239,227,.14);padding:2rem 0 3rem;
  font-family:var(--mono);font-size:.74rem;color:rgba(245,239,227,.62);
}
footer .wrap{width:min(1180px,100% - 2.5rem);display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}
footer a{color:rgba(245,239,227,.8);text-decoration:none}
footer a:hover,footer a[aria-current]{color:var(--ember)}
