/* Legal pages: Camo site style, readable long-form text. */
.hero.hero-page.hero-legal{min-height:0;justify-content:flex-end;padding-bottom:36px}
.hero.hero-page.hero-legal .logo{margin:0 0 16px;width:min(86%,380px)}
.hero.hero-page.hero-legal .hero-inner{padding-top:calc(72px + env(safe-area-inset-top));max-width:760px}
.hero.hero-page.hero-legal h1{max-width:20ch}
.hero.hero-page.hero-legal .lead{max-width:38em}

.legal{background:var(--bg);padding:40px 20px 64px;border-top:1px solid var(--line-subtle)}
.legal-wrap{max-width:760px;margin:0 auto}
.legal-wrap > * + *{margin-top:1.15rem}
.legal h2{font-size:1.35rem;margin:2.1rem 0 .7rem;letter-spacing:-.02em}
.legal h3{font-size:1.08rem;margin:1.35rem 0 .45rem}
.legal p,.legal li{color:var(--text-soft);font-size:1.02rem;line-height:1.65}
.legal ul,.legal ol{margin:.3rem 0 1rem;padding-left:1.3rem}
.legal li{margin:.28rem 0}
.legal a{font-weight:600}
.legal .updated{color:var(--muted);font-size:.88rem;margin:0 0 1.2rem}

/* Preview / draft notice */
.draft-note{
  display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;
  border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:.86rem;letter-spacing:.02em
}

/* Plain-English summary box */
.summary-box{
  background:var(--panel);
  border:1.5px solid var(--accent);
  border-radius:16px;
  padding:20px 20px 16px;
  box-shadow:var(--shadow);
  margin:0 0 1.6rem
}
.summary-box h2{margin:0 0 .65rem;font-size:1.15rem;color:var(--accent-btn)}
.summary-box p,.summary-box li{color:var(--text);margin:0 0 .7rem}
.summary-box p:last-child,.summary-box ul:last-child{margin-bottom:0}
.summary-box ul{margin:.2rem 0 0}

/* Risk / waiver callout — conspicuous on purpose */
.risk-box{
  background:var(--panel);
  border:2px solid var(--orange);
  border-radius:16px;
  padding:20px 20px 16px;
  box-shadow:var(--shadow);
  margin:1.2rem 0 1.6rem
}
.risk-box h2{margin-top:0;color:var(--orange)}
.risk-box p,.risk-box li{color:var(--text)}
.risk-box .release{
  background:rgba(0,0,0,.22);
  border-radius:12px;
  padding:14px 16px;
  margin:1rem 0 0;
  color:var(--text);
  font-weight:600
}

.legal-toc{list-style:none;padding:0;margin:0 0 1.6rem;columns:1;gap:8px}
.legal-toc li{margin:0;padding:.15rem 0;break-inside:avoid}
.legal-toc a{color:var(--accent);text-decoration:none;font-weight:600}
.legal-toc a:hover{text-decoration:underline}

footer .legal-links{margin-top:.7rem}
footer .legal-links a{color:var(--accent);font-weight:600;text-decoration:none}
footer .legal-links a:hover{text-decoration:underline}

@media (min-width:760px){
  .hero.hero-page.hero-legal{padding-bottom:48px}
  .hero.hero-page.hero-legal .hero-inner{padding-top:calc(40px + env(safe-area-inset-top))}
  .legal-toc{columns:2}
}