/* Shared layout for the legal drafts. Keep the homepage compact. */
.legal-page::before { background: linear-gradient(#0b1722eb, #0b1722f5), url('assets/hero-landscape.png') center / cover no-repeat; }
.legal-main { display: block; max-width: 800px; padding-block: 40px 64px; }
.back-link { display: inline-block; margin-bottom: 32px; padding-block: 8px; color: var(--gold); }
.legal-main h1 { font-family: Arial, Helvetica, sans-serif; font-size: clamp(1.75rem, 5vw, 2.75rem); font-weight: 600; line-height: 1.2; letter-spacing: -.5px; overflow-wrap: anywhere; }
.legal-main h2 { margin-top: 32px; font-size: 1.2rem; }
.legal-main p, .legal-main ul, .legal-main dl { margin-block: 12px; }
.legal-main ul { padding-left: 24px; color: var(--muted); }
.legal-main li { margin-block: 6px; }
.legal-main a:not(.back-link) { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-main dt { margin-top: 16px; font-weight: 600; }
.legal-main dd { margin-left: 0; color: var(--muted); }
.draft-note { border-left: 3px solid var(--gold); background: #f0bd7510; padding: 16px 20px; margin-block: 24px; }
.draft-note p { margin: 0; }
.placeholder { color: var(--gold); font-weight: 600; overflow-wrap: anywhere; }
.edit-note { font-size: .875rem; color: #b8c3c6; }
.legal-date { font-size: .875rem; }
.rights-note { padding: 4px 20px; border-left: 2px solid var(--gold); }