.legal-section{padding:0 5% 80px}
.legal-inner{max-width:1024px;margin:0 auto}
.legal-body{font-size:.97rem;line-height:1.9;color:#374151}
.legal-body h2{padding-top:8px;margin:2em 0 .6em;font-size:1.15rem;font-weight:800;color:#111827;font-family:'Bricolage Grotesque',sans-serif}
.legal-body h3{margin:1.5em 0 .5em;font-size:1rem;font-weight:700;color:#111827}
.legal-body ul,.legal-body ol{padding-left:1.6em;margin-bottom:1.1em}
.legal-body li{margin-bottom:.4em}
.legal-body a{color:var(--p,#7c3aed);text-decoration:underline}
.legal-body a:hover{color:var(--p-dark,#5b21b6)}
.legal-body strong{color:#111827;font-weight:700}
.legal-updated{padding:6px 14px;margin-bottom:28px;display:inline-flex;align-items:center;gap:6px;background:var(--p-soft,#f5f3ff);color:var(--p,#7c3aed);border-radius:100px;font-size:.78rem;font-weight:600}
.legal-toc{padding:24px 28px;margin-bottom:36px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:16px}
.legal-toc-title{margin-bottom:12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}
.legal-toc ol{padding-left:1.4em;margin:0}
.legal-toc li{margin-bottom:6px}
.legal-toc a{color:var(--p,#7c3aed);font-size:.9rem;font-weight:500;text-decoration:none}
.legal-toc a:hover{text-decoration:underline}
@media(max-width:768px){
.legal-section{padding:40px 4% 60px}
.legal-toc{padding:18px 20px}
.legal-body{font-size:.93rem}
}
@media(max-width:540px){
.legal-section{padding:28px 4% 48px}
.legal-body{font-size:.9rem;line-height:1.8}
.legal-body h2{font-size:1.05rem}
.legal-toc{padding:14px 16px;border-radius:12px}
.legal-toc a{font-size:.85rem}
.legal-updated{font-size:.72rem}
}


/* ═══════════════════════════════════════════════════════════════════════
   DARK THEME SUPPORT FOR LEGAL PAGES
   Applied via: html[data-theme="dark"]
═══════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] .legal-body {
  color: #A0A0A0 !important;
}

html[data-theme="dark"] .legal-body h2,
html[data-theme="dark"] .legal-body h3 {
  color: #EDEDED !important;
}

html[data-theme="dark"] .legal-body strong {
  color: #EDEDED !important;
}

html[data-theme="dark"] .legal-body a {
  color: var(--p, #7c3aed) !important;
}

html[data-theme="dark"] .legal-body a:hover {
  color: var(--p-dark, #5b21b6) !important;
}

html[data-theme="dark"] .legal-updated {
  background: var(--p-light, #ede9fe) !important;
  color: var(--p, #7c3aed) !important;
}

html[data-theme="dark"] .legal-toc {
  background: #1C1C1C !important;
  border-color: #2A2A2A !important;
}

html[data-theme="dark"] .legal-toc-title {
  color: #A0A0A0 !important;
}

html[data-theme="dark"] .legal-toc a {
  color: var(--p, #7c3aed) !important;
}

html[data-theme="dark"] .legal-toc a:hover {
  color: var(--p-mid, #8b5cf6) !important;
}