.legal-page { background: var(--ground); color: var(--ink); }
.legal-wrap { width: min(100% - 2rem, 52rem); margin: 0 auto; }
.legal-head { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.legal-head .nav-wrap { min-height: 3.5rem; }
.legal-head nav { display: flex; align-items: center; gap: 1rem; }
.legal-head nav a { color: var(--muted); text-decoration: none; font-size: .88rem; }
.legal-head nav a:hover { color: var(--ink); }
.legal-main { padding: clamp(4rem, 9vw, 7rem) 0; }
.legal-main h1 { max-width: 18ch; margin: .4rem 0 1rem; font-size: clamp(2.3rem, 6vw, 4.3rem); font-weight: 400; line-height: 1.08; }
.legal-main h2 { margin: 3rem 0 .7rem; font-size: clamp(1.35rem, 2.6vw, 1.85rem); }
.legal-main h3 { margin: 1.6rem 0 .45rem; font-size: 1.1rem; }
.legal-main p, .legal-main li { max-width: 46rem; color: var(--muted); font-size: 1.02rem; line-height: 1.85; }
.legal-main ul { padding-left: 1.3rem; }
.legal-main a { color: var(--accent); }
.legal-meta { color: var(--muted); font-size: .88rem; }
.legal-alert { margin: 1.5rem 0 2rem; border: 1px solid color-mix(in srgb, var(--bear-yellow) 48%, var(--line)); border-radius: 1rem; background: color-mix(in srgb, var(--bear-yellow) 10%, var(--surface)); padding: 1rem 1.1rem; }
.legal-alert p { margin: 0; color: var(--ink); font-size: .95rem; line-height: 1.7; }
.legal-page footer { margin-top: 0; }
.legal-links { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1rem; }
.legal-links a { color: var(--muted); text-decoration: none; }
.legal-links a:hover { color: var(--ink); }
@media (max-width: 46rem) { .legal-head nav a:not(.small-cta) { display: none; } .legal-main { padding-top: 3.5rem; } }