/* ── css/legal.css — shared stylesheet for privacy.html & terms-of-service.html ── */

/* Scope isolation: prevent homepage section backgrounds from leaking into legal pages */
.legal-page .legal-content section{background-color:transparent!important}
.legal-page .legal-content .container{background-color:transparent!important}
.legal-page .legal-content .container *:not(a):not(.toc-link):not(.toc a){background-color:transparent!important}

/* ── Legal content container ── */
.legal-content .container{max-width:860px;margin:0 auto;padding:0 24px}

/* ── Legal header (MUST be <div> or <header>, never <section>) ── */
.legal-header{background:linear-gradient(135deg,#111118,#191C28);border-bottom:1px solid #1E2030;padding:120px 24px 64px;text-align:center}
.legal-header h1{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#22D3EE;margin-bottom:12px;letter-spacing:-0.5px}
.legal-header .legal-date{color:#64748B;font-size:0.875rem}

/* ── Table of Contents ── */
.toc{background:#111318;border:1px solid #1E2030;border-radius:14px;padding:28px 32px;margin:48px 0}
.toc h2{font-size:1.125rem;font-weight:700;color:#A78BFA;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.toc ol{margin:0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}
.toc li{margin:0;font-size:0.938rem}
.toc a{color:#94A3B8;text-decoration:none;transition:color 0.25s;line-height:1.6}
.toc a:hover{color:#22D3EE}

/* ── Legal sections ── */
.legal-content section{padding:36px 0;border-bottom:1px solid #1E2030}
.legal-content section:last-child{border-bottom:none}
.legal-content section h2{font-size:1.375rem;font-weight:700;color:#F1F5F9;margin-bottom:16px;padding-top:8px}
.legal-content section p,.legal-content section li{color:#94A3B8;font-size:0.938rem;line-height:1.78;margin-bottom:14px}
.legal-content section ul,.legal-content section ol{margin:0 0 18px 20px}
.legal-content section ul li,.legal-content section ol li{margin-bottom:8px}
.legal-content section strong{color:#E2E8F0;font-weight:600}
.legal-content section a{color:#22D3EE;text-decoration:underline;text-underline-offset:3px}
.legal-content section a:hover{color:#06B6D4}

/* ── Back link ── */
.back-home{display:inline-flex;align-items:center;gap:8px;color:#22D3EE;text-decoration:none;font-weight:600;font-size:0.938rem;margin-top:8px;transition:color 0.25s}
.back-home:hover{color:#A78BFA}

/* ── Footer ── */
.legal-footer{background:#06070A;border-top:1px solid #1E2030;padding:36px 24px;text-align:center}
.legal-footer p{color:#64748B;font-size:0.813rem;margin-bottom:8px}
.legal-footer .footer-links{display:flex;gap:28px;justify-content:center}
.legal-footer .footer-links a{color:#94A3B8;text-decoration:none;font-size:0.813rem;transition:color 0.25s}
.legal-footer .footer-links a:hover{color:#22D3EE}

/* ── Responsive ── */
@media(max-width:768px){
  .legal-header{padding:100px 24px 48px}
  .toc ol{grid-template-columns:1fr;gap:6px}
  .legal-content section{padding:28px 0}
}