/* Privacy and Terms pages: S2's header, footer and type (copied from s2.html), plus a plain reading column. */
:root{--black:#0e110f;--coal:#1a1f1b;--green:#139a43;--deep:#0b6b2e;--yellow:#ffd21a;--red:#e0262b;--paper:#f3f5f0;--white:#fff;--wa:#25d366;--gx:clamp(16px,3.4vw,52px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--black);font:600 18px/1.45 Barlow,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,p,figure{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:8px}
.disp{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.005em}

.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gx);background:var(--black)}
.logo{background:var(--white);border-radius:14px;padding:4px 8px}
.logo img{height:48px;width:auto}
.pill{display:flex;align-items:center;background:var(--white);border-radius:99px;overflow:hidden}
.pill a{padding:11px 16px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.pill a:first-child{padding-left:24px}
.stripes{display:flex;align-self:stretch;margin-left:6px}
.stripes i{width:14px;transform:skewX(-24deg);margin-right:4px}
.stripes i:nth-child(1){background:var(--green)}.stripes i:nth-child(2){background:var(--yellow)}.stripes i:nth-child(3){background:var(--black);margin-right:-6px}
.wa{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:99px;background:var(--yellow);color:var(--black);font-weight:800;text-decoration:none;font-size:18px}
.wa svg{width:24px;height:24px;fill:var(--deep);flex:none}
.pill .wa{min-height:0;border-radius:0;padding:11px 20px 11px 16px;font-size:15px;background:var(--black);color:var(--white)}
.pill .wa svg{fill:var(--wa);width:20px;height:20px}

/* Page title band: S2's race stripes under a short heading. */
.lead{position:relative;color:var(--white);padding:clamp(30px,6vw,80px) var(--gx) clamp(90px,9vw,130px)}
.lead h1{font-size:clamp(62px,9vw,140px)}
.lead p{margin-top:16px;max-width:52ch;font-size:clamp(18px,1.4vw,21px)}
.lead .upd{display:inline-block;margin-top:18px;background:var(--yellow);color:var(--black);border-radius:6px;padding:5px 12px;font-size:15px;font-weight:800}
.race{position:absolute;left:0;right:0;bottom:0;height:clamp(48px,5vw,80px);overflow:hidden}
.race i{position:absolute;left:-5%;right:-5%;height:33.4%;transform-origin:left;animation:run 1.1s cubic-bezier(.2,.8,.2,1) both}
.race i:nth-child(1){top:0;background:var(--green);animation-delay:.1s}.race i:nth-child(2){top:33.3%;background:var(--yellow);animation-delay:.2s}.race i:nth-child(3){top:66.6%;background:var(--white);animation-delay:.3s}
@keyframes run{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* The text itself: one readable column on paper. */
.doc{background:var(--paper);padding:clamp(44px,6vw,90px) var(--gx)}
.doc .col{max-width:760px;margin:0 auto}
.doc section{padding:26px 0;border-top:3px solid var(--black)}
.doc section:first-child{border-top:0;padding-top:0}
.doc h2{font-size:clamp(34px,3.6vw,50px);margin-bottom:12px}
.doc p,.doc li{font-weight:500;font-size:clamp(17px,1.25vw,19px);line-height:1.55}
.doc p+p,.doc ul+p{margin-top:12px}
.doc ul{margin:10px 0 0;padding-left:1.2em}
.doc li+li{margin-top:6px}
.doc b{font-weight:800}
.doc a{font-weight:700;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.box{background:var(--white);border:3px solid var(--black);border-left:10px solid var(--green);border-radius:14px;padding:16px 18px;margin-top:14px}

.foot{position:relative;background:var(--green);color:var(--white);padding:clamp(56px,7vw,110px) var(--gx) 40px;overflow:hidden}
.foot .slash{position:absolute;right:-6%;top:0;bottom:0;width:42%;display:flex;gap:16px;transform:skewX(-18deg)}
.foot .slash i{flex:1}.foot .slash i:nth-child(1){background:var(--yellow)}.foot .slash i:nth-child(2){background:var(--white)}.foot .slash i:nth-child(3){background:var(--black)}
.foot .in{position:relative;max-width:min(62%,900px)}
.foot h2{font-size:clamp(56px,7vw,120px)}
.foot .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:40px;font-weight:800;text-transform:uppercase;font-size:14.5px;letter-spacing:.05em}
.foot nav a{text-decoration:none}
.foot nav a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.foot small{display:block;margin-top:16px;font-size:14px}

.dock{display:none}
@media (max-width:980px){
  .pill a:not(.wa){display:none}
  .foot .in{max-width:none}.foot .slash{width:30%;opacity:.95}
}
@media (max-width:760px){
  .logo img{height:40px}
  .nav{padding:10px var(--gx)}
  .pill{display:none}
  .lead h1{font-size:17vw}
  .foot .slash{width:24%;right:-12%}
  body{padding-bottom:62px}
  .dock{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1.6fr 1fr;z-index:40;background:var(--black);color:var(--white);padding-bottom:env(safe-area-inset-bottom)}
  .dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;font-weight:800;text-decoration:none}
  .dock a:first-child{background:var(--yellow);color:var(--black)}
  .dock svg{width:20px;height:20px;fill:var(--deep)}
}
@media (prefers-reduced-motion:reduce){.race i{animation:none}}