:root{
  --ink:#0F172A; --ink-2:#334155; --cream:#FFF7ED; --card:#FFFFFF;
  --coral:#C64419; --emerald:#2F6F5E; --powder:#F2C6B4;
  --muted:#5B6B80; --line:#EFE1D4; --line-strong:#64748B;
  --brand:#E4572E;
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem;
  --focus:#0F172A;
  --coral-shadow:0 8px 20px -10px color-mix(in srgb, var(--coral) 60%, transparent);
  --coral-shadow-sm:0 6px 16px -8px color-mix(in srgb, var(--coral) 80%, transparent);
  --coral-soft:color-mix(in srgb, var(--coral) 10%, transparent);
  --shadow:0 10px 30px -12px rgba(15,23,42,.18);
  --shadow-lg:0 24px 60px -24px rgba(15,23,42,.28);
  --r-sm:12px; --r:18px; --r-lg:24px;
  --sec:5.2rem;
  --sticky-h:68px;
  --weekend:#B45309;
  --bg:var(--cream); --text:var(--ink); --sub:var(--muted);
  --on-ink:#fff;               /* текст на инвертированной (ink) поверхности */
  --link:var(--coral);         /* цвет ссылок/акцент-текста */
  --emerald-text:var(--emerald); /* emerald как текст на фоне */
  --on-emerald:#fff;           /* текст на изумрудной поверхности */
}
.logo{color:var(--brand);}

/* MQA4: ручной выбор темы (data-theme на <html>). "dark" — тёмная, "light" — светлая.
   Токены намеренно дублируют системный блок ниже — держать в синхроне (сверяет тест). */
:root[data-theme="dark"]{
  color-scheme: dark;
  --ink:#F1ECE4; --ink-2:#CBD5E1; --cream:#14110E; --card:#1F1B17;
  --muted:#A6AEB9; --line:#2E2823; --line-strong:#6B7280;
  --emerald:#3E9E84; --powder:#3A2A22;
  --shadow:0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-lg:0 24px 60px -24px rgba(0,0,0,.72);
  --weekend:#F0A94B;
  --on-ink:#14110E;
  --link:#EE8A63;
  --emerald-text:#5BC5A2;
  --on-emerald:#14110E;
  --focus:#F1ECE4;
  --bg:var(--cream); --text:var(--ink); --sub:var(--muted);
}

/* UR8: тёмная тема по системной настройке. Переворачиваем только палитру-токены;
   компоненты на var(--cream/card/ink/line/muted) подстраиваются автоматически.
   --coral/--emerald становятся светлее (акцент-фон + тёмный текст), --on-ink — тёмный
   (для .sel-кнопок с фоном --ink). Не применяется, если пользователь выбрал светлую. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --ink:#F1ECE4; --ink-2:#CBD5E1; --cream:#14110E; --card:#1F1B17;
    --muted:#A6AEB9; --line:#2E2823; --line-strong:#6B7280;
    --emerald:#3E9E84; --powder:#3A2A22;
    --shadow:0 10px 30px -12px rgba(0,0,0,.6);
    --shadow-lg:0 24px 60px -24px rgba(0,0,0,.72);
    --weekend:#F0A94B;
    --on-ink:#14110E;
    --link:#EE8A63;
    --emerald-text:#5BC5A2;
    --on-emerald:#14110E;
    --focus:#F1ECE4;
    --bg:var(--cream); --text:var(--ink); --sub:var(--muted);
  }
  .logo{color:var(--brand);}
}

/* MQA4: кнопка переключения темы (вставляется из theme.js в шапку страниц). */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;
  border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;}
.theme-toggle:hover{color:var(--link);border-color:var(--line-strong);}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.theme-toggle svg{width:18px;height:18px;display:block;}
.theme-toggle .ic{display:none;}
.theme-toggle[data-mode="light"] .ic-sun,
.theme-toggle[data-mode="dark"] .ic-moon,
.theme-toggle[data-mode="system"] .ic-auto{display:block;}

/* W26-legal-nav: единый правовой блок (ссылки на документы, редакция, контакт).
   Только структура — ширину/отступы задаёт страница. Тач-цели ссылок >=44px,
   flex-wrap и min-width:0 не дают горизонтального overflow на 320px. */
.miuno-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.05rem .9rem;min-width:0;
  border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;line-height:1.45;}
.miuno-legal-links{display:flex;flex-wrap:wrap;gap:0 .9rem;min-width:0;margin:0;}
.miuno-legal a{display:inline-flex;align-items:center;min-height:44px;min-width:0;
  color:var(--link);text-decoration:none;overflow-wrap:anywhere;}
.miuno-legal a:hover{text-decoration:underline;}
.miuno-legal a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px;}
.miuno-legal-meta{margin:0;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere;min-width:0;}
.miuno-legal-note{margin:0 0 .2rem;min-width:100%;}