.seo-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); min-height: 72px; }
.seo-nav > div { display: flex; align-items: center; gap: var(--space-16); font-size: 14px; }
.seo-page { padding-block: var(--space-48) var(--space-64); }
.seo-page h1 { margin: 0; max-width: 24ch; font-size: clamp(32px, 4vw, 48px); }
.seo-intro { max-width: 60ch; margin-top: var(--space-16); color: var(--color-ink-2); }
.seo-back { display: inline-block; margin-bottom: var(--space-16); font-size: 14px; color: var(--color-muted); }
.seo-panel, .seo-index { margin-top: var(--space-32); border-top: 1px solid var(--color-rule); padding-top: var(--space-24); }
.seo-panel h2 { margin: 0; font-size: 24px; }
.seo-panel ol { margin-block: var(--space-16) var(--space-24); padding-inline-start: var(--space-24); }
.seo-panel ol li + li { margin-top: var(--space-8); }
.seo-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12) var(--space-24); list-style: none; padding-inline-start: 0; }
.seo-links a { display: block; padding-block: var(--space-8); overflow-wrap: break-word; }
@media (max-width: 600px) { .seo-links { grid-template-columns: minmax(0, 1fr); } }
.legal-page { max-width: 760px; }
.legal-page h1 { max-width: none; }
.legal-page p { line-height: 1.65; }
.legal-draft { margin-top: var(--space-16); color: var(--color-ink-2); }
.legal-resources { display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-16); margin-top: var(--space-32); }
.legal-resources a { text-decoration: underline; text-underline-offset: 3px; }