/* Юридические страницы: оферта, политика, согласие. Цвета и шрифты — DESIGN.md v2. */
:root{ --bg: #F5F4EF; --paper: #FFFFFF; --ink: #0E1221; --muted: #5B6070; --line: #E4E2DA; --mark: #FFE16B; --accent: #E5007D; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #0B0E19; --paper: #141828; --ink: #ECEEF4; --muted: #9BA1B3; --line: #262C42; --accent: #F0168A; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #0B0E19; --paper: #141828; --ink: #ECEEF4; --muted: #9BA1B3; --line: #262C42; --accent: #F0168A; color-scheme: dark; }
*{ box-sizing: border-box; }
body{ margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 "Golos Text", "Segoe UI", system-ui, sans-serif; }
.top{ max-width: 820px; margin: 0 auto; padding: 20px 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.top a{ color: var(--ink); text-decoration: none; font: 700 18px "Geologica", "Arial Black", sans-serif; }
.top nav{ display: flex; gap: 16px; flex-wrap: wrap; font-size: 14px; }
.top nav a{ font: 500 14px "Golos Text", system-ui, sans-serif; color: var(--muted); }
.top nav a[aria-current]{ color: var(--ink); }
main{ max-width: 820px; margin: 0 auto 64px; padding: clamp(24px, 5vw, 48px); background: var(--paper); border: 1px solid var(--line); border-radius: 24px; }
h1{ font: 800 clamp(28px, 4vw, 40px)/1.15 "Geologica", "Arial Black", sans-serif; letter-spacing: -0.03em; margin: 0 0 8px; }
h2{ font: 700 20px/1.3 "Geologica", "Arial Black", sans-serif; letter-spacing: -0.01em; margin: 36px 0 8px; }
p, li{ margin: 0 0 10px; }
ol, ul{ padding-left: 22px; }
a{ color: var(--accent); }
.meta{ color: var(--muted); font-size: 14px; margin-bottom: 24px; }
.draft{ background: var(--mark); color: #0E1221; border-radius: 12px; padding: 12px 16px; font-size: 14px; margin-bottom: 24px; }
.fill{ background: var(--mark); color: #0E1221; border-radius: 4px; padding: 0 4px; }
table{ width: 100%; border-collapse: collapse; margin: 8px 0 16px; font-size: 15px; }
td, th{ border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }