.legal-page { background: var(--ct-paper); color: var(--ct-ink); }
.legal-header, .legal-footer { background: var(--ct-night); color: var(--ct-night-ink); }
.legal-content { width: min(100% - 3rem, 760px); margin: 0 auto; padding: 64px 0 80px; }
.legal-content h1 { margin: 0; max-width: none; color: var(--ct-ink); font-size: clamp(2.4rem, 6vw, 3.5rem); line-height: 1.1; letter-spacing: -.055em; font-weight: 500; }
.legal-content h2, .legal-content h3 { margin: 36px 0 12px; color: var(--ct-ink); font-size: 1.3rem; line-height: 1.35; letter-spacing: -.025em; font-weight: 600; }
.legal-content p { margin: 0 0 18px; font-size: 1rem; line-height: 1.8; overflow-wrap: anywhere; }
.legal-content .legal-date { margin: 18px 0 36px; color: var(--ct-muted); font-size: .875rem; }
.legal-content a { color: var(--ct-orange-ink); text-decoration: underline; text-underline-offset: 3px; }
.legal-content a:hover { text-decoration-thickness: 2px; }
.legal-content a:focus-visible { outline-color: var(--ct-orange-ink); }
.legal-header .site-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.legal-header .site-nav a:hover { color: var(--ct-orange); }
@media (max-width: 600px) {
  .legal-header .site-frame, .legal-footer .site-frame { width: calc(100% - 2rem); }
  .legal-header .site-header { min-height: 80px; gap: 1rem; }
  .legal-header .site-brand img { width: 120px; }
  .legal-header .site-nav { gap: 20px; }
  .legal-content { width: calc(100% - 2rem); padding: 40px 0 48px; }
}