/* Стили посадочных страниц. Один файл на все: правка цвета не должна
   означать обход дюжины копий. Главная и юридические страницы живут
   своими стилями — у них другая задача. */
:root{
  color-scheme: light;
  --paper:#EBEEF1; --surface:#FFFFFF; --surface-2:#F4F7F9;
  --ink:#101B24; --ink-2:#44586A; --muted:#6B7F8F;
  --line:#D2DAE1; --accent:#0D6E9E; --accent-ink:#FFFFFF; --accent-soft:#DCEDF6;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme: dark;
    --paper:#0C141B; --surface:#141F29; --surface-2:#1A2733;
    --ink:#E4EDF4; --ink-2:#A9BCCA; --muted:#7E94A4;
    --line:#253340; --accent:#4FA8D8; --accent-ink:#06121A; --accent-soft:#14303D;
  }
}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans);
  font-size:15px; line-height:1.62; -webkit-text-size-adjust:100%}
.лист{max-width:760px; margin:0 auto; padding:28px 20px 64px}
.шапка{display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-bottom:14px; border-bottom:1px solid var(--line); margin-bottom:26px}
.шапка strong{font-size:15px}
.назад{color:var(--accent); text-decoration:none; font-size:14px; white-space:nowrap}
.назад:hover{text-decoration:underline}
h1{font-size:25px; font-weight:600; letter-spacing:-.015em; line-height:1.25; margin:0 0 12px}
h2{font-size:18px; font-weight:600; margin:30px 0 9px; letter-spacing:-.005em}
h3{font-size:15px; font-weight:600; margin:0 0 5px}
p, li{color:var(--ink-2); margin:0 0 11px}
ul{padding-left:20px}
li{margin:5px 0}
a{color:var(--accent)}
.лид{font-size:17px; line-height:1.55; color:var(--ink)}
/* Кнопка в редактор. Она здесь главное действие: страница объясняет
   задачу, но решают её не чтением. */
.ход{margin:22px 0 4px}
.кнопка{display:inline-block; background:var(--accent); color:var(--accent-ink);
  text-decoration:none; font-weight:600; font-size:15px; padding:11px 20px;
  border-radius:10px}
.кнопка:hover{filter:brightness(1.08)}
.рядом{display:block; color:var(--muted); font-size:13px; margin-top:8px}
.вопрос{background:var(--surface); border:1px solid var(--line); border-radius:10px;
  padding:14px 16px; margin:0 0 10px}
.вопрос p:last-child{margin-bottom:0}
.ещё{margin-top:38px; padding-top:20px; border-top:1px solid var(--line)}
.ещё h2{margin-top:0}
.плитки{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:10px; padding:0; margin:0; list-style:none}
.плитки li{margin:0}
.плитки a{display:block; background:var(--surface-2); border:1px solid var(--line);
  border-radius:10px; padding:11px 13px; text-decoration:none; color:var(--ink);
  font-size:14px; font-weight:500}
.плитки a:hover{border-color:var(--accent); background:var(--accent-soft)}
.сноска{margin-top:34px; padding-top:14px; border-top:1px solid var(--line);
  color:var(--muted); font-size:13px}
.сноска a{color:var(--muted)}
@media (max-width:560px){
  .лист{padding:20px 16px 48px}
  h1{font-size:22px}
}