.site-footer { flex-wrap: wrap; }
.footer-navigation { flex-wrap: wrap; gap: 12px 24px; }
.footer-navigation a { display: inline-block; padding-block: 6px; }
.legal-content { width: min(800px, calc(100% - 104px)); margin: 20px auto 72px; font-size: 18px; line-height: 1.75; overflow-wrap: anywhere; }
.legal-content .back-link { display: inline-block; margin-bottom: 26px; }
.legal-content h1 { font-size: clamp(34px, 5vw, 58px); line-height: 1.12; letter-spacing: -1.4px; margin-bottom: 20px; }
.legal-content h2 { font-size: clamp(23px, 3vw, 29px); line-height: 1.3; letter-spacing: -.3px; margin: 40px 0 12px; }
.legal-content p { margin: 0 0 18px; }
.legal-content ul { padding-left: 25px; margin: 0 0 22px; }
.legal-content li { padding-left: 3px; margin-bottom: 9px; }
.legal-content .legal-date { color: var(--body); font-size: 16px; margin-bottom: 28px; }
.legal-content .legal-intro { font-size: 21px; line-height: 1.6; }
.legal-content .contact-panel { background: var(--pale); border-radius: 10px; padding: 22px 26px; margin-top: 36px; }
.legal-content .contact-panel p:last-child { margin-bottom: 0; }
.legal-footer { border-top: 1px solid var(--line); }
@media (max-width: 850px) { .legal-content { width: calc(100% - 64px); margin-top: 10px; } }
@media (max-width: 560px) {
  .site-footer { flex-direction: column; gap: 6px; }
  .footer-navigation { gap: 4px 18px; }
  .legal-content { width: calc(100% - 48px); margin-bottom: 44px; font-size: 17px; line-height: 1.7; }
  .legal-content h1 { letter-spacing: -.8px; }
  .legal-content h2 { margin-top: 32px; }
  .legal-content .legal-intro { font-size: 19px; }
  .legal-content .contact-panel { padding: 18px 20px; }
}