/* Help and legal pages (built by scripts/build-legal.mjs from legal/*.html). Uses the site's tokens from styles.css. */
.lg{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.lg-nav{position:sticky;top:24px;display:grid;gap:2px;background:var(--frame);border-radius:var(--r-lg);padding:18px 14px}
.lg-nav a{color:var(--muted);text-decoration:none;font-size:.9rem;padding:6px 10px;border-radius:10px}
.lg-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.lg-nav a[aria-current="page"]{color:var(--text);background:rgba(255,201,74,.12);font-weight:700}
.lg-group{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 10px 4px}
.lg-back{margin-top:10px;color:var(--gold)!important}
.lg-doc{background:var(--frame);border-radius:var(--r-lg);padding:32px clamp(18px,4vw,40px);line-height:1.65;min-width:0}
.lg-doc h1{font-family:var(--brand,Fredoka),sans-serif;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.15;margin:0 0 4px}
.lg-doc h2{font-size:1.15rem;font-weight:800;margin:28px 0 8px}
.lg-doc h3{font-size:1rem;font-weight:800;margin:18px 0 6px}
.lg-doc p,.lg-doc li{color:var(--muted)}
.lg-doc p{margin:0 0 12px}
.lg-doc ul,.lg-doc ol{margin:0 0 12px;padding-left:22px}
.lg-doc li{margin:4px 0}
.lg-doc strong,.lg-doc b{color:var(--text)}
.lg-doc a{color:var(--gold)}
.lg-date{font-size:.85rem;color:var(--muted)!important;margin-bottom:20px!important}
.lg-draft{background:rgba(255,111,145,.12);border:1px solid rgba(255,111,145,.4);color:var(--text)!important;border-radius:12px;padding:10px 14px;font-size:.88rem}
.lg-doc .lead{font-size:1.05rem;color:var(--text)}
.lg-doc .box{background:rgba(255,255,255,.05);border-radius:14px;padding:14px 16px;margin:0 0 14px}
.lg-doc .box p:last-child{margin:0}
.tbl{width:100%;overflow-x:auto;margin:0 0 14px}
.tbl table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted)}
.tbl th{color:var(--text);font-weight:800;background:rgba(255,255,255,.04)}
.lg-foot{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:var(--muted)}
@media (max-width:860px){
  .lg{grid-template-columns:1fr;padding:0;gap:0}
  .lg-nav{position:static;border-radius:0;display:flex;flex-wrap:wrap;gap:4px;padding:14px 16px}
  .lg-nav .logo{width:100%}
  .lg-group{width:100%;margin:6px 4px 0}
  .lg-doc{border-radius:0;padding:24px 16px}
}