.legal { min-height: calc(100vh - 64px); padding: 32px 20px 48px; background: var(--bg); }
  .legal__inner { max-width: 720px; margin: 0 auto; padding: 28px 32px 32px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: var(--shadow); line-height: 1.6; }
  .legal__back { display: inline-block; margin-bottom: 16px; color: var(--blue); text-decoration: none; }
  .legal__back:hover { text-decoration: underline; }
  .legal h1 { font-size: 26px; color: var(--navy); }
  .legal__date { margin-top: 4px; color: var(--muted); font-size: 14px; }
  .legal h2 { margin-top: 26px; font-size: 18px; color: var(--navy); }
  .legal p, .legal ul { margin-top: 10px; }
  .legal ul { padding-left: 22px; }
  .legal li + li { margin-top: 6px; }
  .legal a { color: var(--blue); }
  @media (max-width: 560px) { .legal { padding: 16px 12px 32px; } .legal__inner { padding: 20px 18px 24px; } }