/* Terms & Conditions page-specific styles — WarThroneGame */

.legal-hero { padding: var(--space-12) 0 var(--space-9); background: radial-gradient(800px 300px at 20% 0%, rgba(199,31,55,0.12), transparent 60%), radial-gradient(700px 280px at 100% 0%, rgba(201,162,39,0.08), transparent 65%); border-bottom: 1px solid rgba(201,162,39,0.12); }
.legal-hero .lead { color: var(--color-text-muted); max-width: 75ch; margin-top: var(--space-4); }
.legal-meta { margin-top: var(--space-4); }

.legal-toc { margin-top: var(--space-9); }
.toc-title { margin: 0 0 var(--space-4) 0; }
.toc-list { display: grid; gap: 8px; counter-reset: item; }
.toc-list a { color: var(--gray-100); }
.toc-list a[aria-current="true"] { color: #f1e3b0; text-decoration: underline; }

.legal-content { padding-block: var(--space-10); }
.legal-section { scroll-margin-top: 96px; }
.legal-section p + ul, .legal-section p + ol { margin-top: var(--space-4); }
.legal-section ul, .legal-section ol { padding-left: var(--space-6); max-width: 75ch; }
.legal-section li { color: var(--color-text); }

/* Subtle separation between sections */
.legal-section + .legal-section { border-top: 1px solid rgba(201,162,39,0.12); padding-top: var(--space-8); margin-top: var(--space-8); }

/* Buttons in legal context */
.legal-content .btn { margin-top: var(--space-4); }