/* AnytimeClub — legal/policy pages (Terms, Privacy, Guidelines) */

.legal-page{max-width:860px;margin:0 auto;padding:24px 16px 64px}
.legal-hero{padding:32px 28px;margin-bottom:20px}
.legal-eyebrow{margin:0 0 6px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,rgba(255,255,255,.6))}
.legal-hero h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.2rem)}
.legal-updated{margin:0 0 16px;font-size:.85rem;color:var(--muted,rgba(255,255,255,.6))}
.legal-tabs{display:flex;gap:8px;flex-wrap:wrap}
.legal-tab{padding:8px 14px;border-radius:999px;font-size:.85rem;text-decoration:none;border:1px solid var(--border,rgba(255,255,255,.12));color:var(--text,#fff);transition:background .15s ease,border-color .15s ease}
.legal-tab:hover{background:var(--surface-hover,rgba(255,255,255,.08))}
.legal-tab.is-active{background:rgba(120,140,255,.18);border-color:rgba(120,140,255,.45)}
.legal-body{padding:28px 28px 36px}
.legal-body section + section{margin-top:26px;padding-top:22px;border-top:1px solid var(--border,rgba(255,255,255,.08))}
.legal-body h2{margin:0 0 10px;font-size:1.15rem}
.legal-body p,.legal-body li{line-height:1.65;color:var(--text-soft,rgba(255,255,255,.85))}
.legal-body ul{padding-left:20px;margin:8px 0}
.legal-body li + li{margin-top:6px}
.legal-body a{color:#9db4ff}
.legal-footer{margin-top:18px;text-align:center;font-size:.85rem;color:var(--muted,rgba(255,255,255,.6))}
.legal-footer a{color:#9db4ff}

@media (max-width:600px){
  .legal-page{padding:16px 10px 48px}
  .legal-hero{padding:24px 18px}
  .legal-body{padding:20px 16px 28px}
}