.legal-page { background: var(--paper); }
.legal-header { background: var(--ink); color: #fff; }
.legal-header .shell { min-height: 92px; display: flex; align-items: center; justify-content: space-between; }
.legal-header .shell > a:last-child { color: var(--lime); font-weight: 700; }
.legal-main { max-width: 820px; padding-top: 85px; padding-bottom: 100px; }
.legal-intro { padding-bottom: 45px; border-bottom: 1px solid var(--line); }
.legal-intro h1 { margin: 0 0 18px; color: var(--ink); font-size: clamp(44px, 7vw, 70px); line-height: 1.05; }
.legal-intro > p:last-child { color: var(--muted); font-size: 20px; }
.legal-main section { padding: 45px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 30px; }
.legal-main section h2 { margin: 0 0 16px; color: var(--ink); font-size: 30px; }
.legal-main section p { font-size: 17px; }
.legal-footer { padding: 30px 0; background: var(--ink-2); color: #c7d7d4; }
.legal-footer .shell { display: flex; justify-content: space-between; }
.legal-footer a { color: var(--lime); }
@media (max-width: 520px) { .legal-header .shell, .legal-footer .shell { min-height: 76px; flex-direction: column; justify-content: center; gap: 6px; } }