.legal-page { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 24px; }
.legal-intro { padding: clamp(24px, 5vw, 48px); background: var(--yellow); border: var(--line); border-radius: 22px; box-shadow: 7px 7px 0 var(--ink); }
.legal-kicker { font-weight: 800; letter-spacing: .2em; margin: 0 0 8px; }
.legal-intro h1 { font-family: var(--font-display); font-size: clamp(27px, 5vw, 48px); line-height: 1.35; margin: 0 0 16px; }
.legal-intro p:last-child { margin: 0; line-height: 1.9; }
.legal-jump { display: flex; flex-wrap: wrap; gap: 9px; margin: 32px 0; }
.legal-jump a, .legal-more a, .legal-back a { display: inline-block; padding: 8px 14px; border: var(--line); border-radius: 999px; background: #fff; box-shadow: 3px 3px 0 var(--ink); font-weight: 800; text-decoration: none; }
.legal-jump a:hover, .legal-more a:hover, .legal-back a:hover { background: var(--yellow); }
.legal-panel { scroll-margin-top: 90px; padding: clamp(20px, 4vw, 36px); margin: 26px 0; background: #fff; border: var(--line); border-radius: 20px; box-shadow: 6px 6px 0 var(--ink); }
.legal-panel h2 { font-family: var(--font-display); font-size: clamp(23px, 3.5vw, 32px); line-height: 1.4; margin: 0 0 18px; }
.legal-panel p { line-height: 1.9; }
.legal-panel p:last-child { margin-bottom: 0; }
.legal-panel a { text-decoration-thickness: 2px; text-underline-offset: 3px; }
.legal-facts { display: grid; grid-template-columns: 8em minmax(0, 1fr); gap: 0 18px; margin: 0; }
.legal-facts dt, .legal-facts dd { padding: 14px 0; border-top: 1px solid #ddd; line-height: 1.8; }
.legal-facts dt { font-weight: 800; }
.legal-facts dd { margin: 0; overflow-wrap: anywhere; }
.legal-more { margin: 20px 0 0; }
.legal-back { margin: 38px 0; }
.legal-page a { overflow-wrap: anywhere; }
.footer a { color: #fff; }
@media (max-width: 640px) {
  .legal-page { padding-top: 24px; }
  .legal-facts { display: block; }
  .legal-facts dt { border-top: 1px solid #ddd; padding: 14px 0 0; }
  .legal-facts dd { border: 0; padding: 0 0 14px; }
}