.legal-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 28px; border-bottom: 1px solid var(--border, #353530); }
.legal-header .legal-name { display: inline-flex; align-items: center; gap: 12px; font-family: "PT Serif", Georgia, serif; font-size: 17px; font-weight: 700; line-height: 1; text-decoration: none; }
.legal-header .legal-name svg { flex-shrink: 0; }
.legal-page { max-width: 840px; margin-inline: auto; padding: 64px 24px 88px; }
.legal-page h1 { max-width: 18ch; margin: 12px 0 24px; font-size: clamp(32px, 5vw, 56px); line-height: 1.08; letter-spacing: -.035em; }
.legal-page h2 { margin: 44px 0 16px; font-size: clamp(22px, 3vw, 28px); line-height: 1.25; letter-spacing: -.02em; }
.legal-page p, .legal-page li, .legal-page dd, .legal-page dt { font-size: 17px; line-height: 1.65; }
.legal-page p + p { margin-top: 16px; }
.legal-page ul, .legal-page ol { margin-block: 16px; padding-left: 24px; }
.legal-page li + li { margin-top: 8px; }
.legal-page a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal-page .legal-date { font-size: 14px; color: var(--text-muted, #b7b7af); }
.legal-page .legal-lead { font-size: 19px; line-height: 1.6; }
.legal-page .legal-note { margin-block: 24px; padding: 20px; border: 1px solid var(--border, #353530); border-radius: 12px; }
.legal-requisites { margin: 24px 0; }
.legal-requisites > div { display: grid; grid-template-columns: 160px 1fr; gap: 20px; padding-block: 12px; border-bottom: 1px solid var(--border, #353530); }
.legal-requisites dt { color: var(--text-muted, #b7b7af); }
.legal-requisites dd { margin: 0; overflow-wrap: anywhere; }
.legal-footer { display: flex; flex-wrap: wrap; gap: 20px 32px; padding-block: 28px; border-top: 1px solid var(--border, #353530); }
.legal-footer a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .legal-header { align-items: flex-start; gap: 16px; }
  .legal-page { padding-block: 40px 64px; }
  .legal-requisites > div { grid-template-columns: 1fr; gap: 4px; }
  .legal-page p, .legal-page li, .legal-page dd, .legal-page dt { font-size: 16px; }
}
@media print {
  :root { color-scheme: light; }
  body { background: #fff; color: #111; }
  .legal-header, .legal-footer { display: none; }
  .legal-page { max-width: none; padding: 0; color: #111; background: #fff; }
  .legal-page h1 { font-size: 28px; }
  .legal-page h2 { font-size: 20px; break-after: avoid; }
  .legal-page a { color: inherit; }
}
/* Цвета из брендбука V2. Страница не загружает шрифты и картинки: только этот файл. */
:root { color-scheme: light; --canvas: #FFFFFF; --surface: #F6F4F0; --text: #131615; --text-muted: #5F6261; --border: #E4E0D8; --link: #9A4F00; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--text); font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
a { color: inherit; }
.legal-page a, .legal-footer a { color: var(--link); }
.legal-page h1, .legal-page h2 { font-family: "PT Serif", Georgia, serif; }
.legal-footer { background: var(--surface); }
:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
.container { width: min(100% - 48px, 1280px); margin-inline: auto; }