/* Privacy Policy — page-specific styles.
   The design system (tokens, nav, typography, bands, fonts) is inherited
   from styles.css, which must be linked BEFORE this file. */

.legal-hero{
  background:var(--night);color:#fff;
  display:block;min-height:0;overflow:visible;
  padding:calc(66px + 44px) 0 56px;
}
.legal-hero .lede{max-width:56ch;color:rgba(255,255,255,.72);margin:18px 0 0}
.legal-updated{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:14px 0 0}

.legal{max-width:74ch;margin:0 auto}
.legal h2{font-size:1.4rem;font-weight:400;margin:48px 0 14px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:1.05rem;font-weight:600;font-family:var(--body);margin:26px 0 8px}
.legal p{color:var(--ink-soft);line-height:1.7;margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:20px;color:var(--ink-soft);line-height:1.7}
.legal li{margin-bottom:6px}
.legal a{color:var(--primary)}
.legal strong{color:var(--ink);font-weight:600}
.legal-toc{list-style:none;margin:0 0 40px;padding:0;border:1px solid var(--line-light);border-radius:4px}
.legal-toc li{border-top:1px solid var(--line-light)}
.legal-toc li:first-child{border-top:0}
.legal-toc a{display:block;padding:12px 18px;color:var(--ink);font-size:.92rem;text-decoration:none}
.legal-toc a:hover{color:var(--primary)}