.legal-page { max-width: 960px; margin: 0 auto 64px; }
.legal-intro { margin-bottom: 24px; }
.legal-intro h1 { font-size: clamp(2.25rem, 4vw, 3.25rem); }
.legal-intro .legal-date { font-size: .85rem; color: var(--muted); margin-top: 16px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 28px; border-bottom: 1px solid var(--border); }
.legal-nav a { padding: 8px 13px; border: 1px solid var(--border); border-radius: 6px; background: var(--card); font-size: .88rem; }
.legal-section { padding-top: 32px; }
.legal-page h2 { font: 600 1.4rem/1.4 'Segoe UI', Arial, sans-serif; margin: 0 0 16px; }
.legal-section > p { max-width: 78ch; line-height: 1.8; margin: 0 0 14px; }
.legal-packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0; }
.legal-package { padding: 22px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); }
.legal-package h3 { font-size: 1.1rem; margin: 0 0 8px; }
.legal-package p { font-size: .87rem; line-height: 1.6; }
.legal-package .legal-price { color: var(--accent); font: 2rem/1.3 Georgia, serif; margin-bottom: 14px; }
.legal-package ul { padding-left: 20px; font-size: .86rem; }
.legal-package li { margin-bottom: 10px; }
.legal-example { margin: 20px 0; padding: 18px 22px; border-left: 3px solid var(--accent); background: var(--accent-weak); line-height: 1.8; }
.legal-contact { margin-top: 36px; padding: 24px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); }
.legal-contact p { margin-bottom: 8px; }
.legal-page a { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .legal-packages { grid-template-columns: 1fr; }
  .legal-page h2 { font-size: 1.2rem; }
  .legal-section { padding-top: 26px; }
  .legal-nav { gap: 8px; }
  .legal-nav a { padding: 8px 10px; font-size: .8rem; }
}
@media print {
  .site-header, .site-footer, .cookie-banner, .legal-nav, .skip-link { display: none !important; }
  .wrap.main-content { width: 100%; padding: 0; }
  .legal-page { max-width: none; color: #000; }
  .legal-page h2, .legal-page h3 { break-after: avoid; }
  .legal-package, .legal-example { break-inside: avoid; }
}
