/*
Theme Name: Поддержка сайтов
Theme URI: https://podderzhka-saitov.ru/
Description: Дочерняя тема Twenty Twenty-Five для podderzhka-saitov.ru. Облик «Не спит. Починим»: тёмный первый экран, лайм A7FF00, Oswald на заголовках и числах, Inter в тексте. Значения взяты из таблицы стилей макета, а не подобраны на глаз.
Author: podderzhka-saitov.ru
Template: twentytwentyfive
Version: 2.0.0
Text Domain: podderzhka
*/

/* ─────────────────────────────────────────────────────────────────────────
   Значения ниже — из таблицы стилей макета (второй заход, 02.09.2026):
   H1 96/72/48 Oswald 700, H2 32/28/22 Inter 700, H3 20/18/16 Inter 600,
   текст 16/15/14 Inter 400, подпись 13/12/11, число 56/48/36 Oswald 700.
   Шкала отступов 4 / 8 / 16 / 24 / 32 / 64 / 96 — промежуточных нет.
   Тёмными остаются первый экран, числа и призыв; тело страниц светлое,
   потому что услуги — это длинные тексты.
   ───────────────────────────────────────────────────────────────────────── */

@font-face{font-family:Oswald;src:url(fonts/oswald-cyrillic.woff2) format("woff2");
  font-weight:400 700;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;src:url(fonts/oswald-latin.woff2) format("woff2");
  font-weight:400 700;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2192,U+2212,U+2215}
@font-face{font-family:Inter;src:url(fonts/inter-cyrillic.woff2) format("woff2");
  font-weight:400 700;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url(fonts/inter-latin.woff2) format("woff2");
  font-weight:400 700;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2192,U+2212,U+2215}

:root{
  --ps-chern:#0f1113;
  --ps-chern-2:#15181b;
  --ps-lajm:#a7ff00;
  --ps-belyj:#fffef7;
  --ps-tekst:#2a2f33;
  --ps-zagolovok:#111418;
  --ps-seryj:#8d9399;
  --ps-liniya:#e3e6ea;
  --ps-liniya-t:#2b3034;
  --ps-fon:#f7f8f9;
  --ps-4:4px; --ps-8:8px; --ps-16:16px; --ps-24:24px;
  --ps-32:32px; --ps-64:64px; --ps-96:96px;
  --ps-kolonka:1240px;
}

*,*::before,*::after{box-sizing:border-box}
/* Иконки — линейные SVG темы. Размер и обводка заданы один раз здесь: без этого
   иконка без атрибутов растягивается на всю ячейку и заливается чёрным. */
.ps-ikonka{width:28px;height:28px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
html{-webkit-text-size-adjust:100%}
body.ps{margin:0;background:#fff;color:var(--ps-tekst);
  font:400 16px/1.6 Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-feature-settings:"tnum" 0}
img{max-width:100%;height:auto}

.ps-obertka{max-width:var(--ps-kolonka);margin:0 auto;padding:0 var(--ps-24)}
.ps-temno{background:var(--ps-chern);color:var(--ps-belyj)}
.ps-svetlo{background:#fff}
.ps-fon{background:var(--ps-fon)}

h1,h2,h3{margin:0}
.ps-h1{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:96px;line-height:.92;
  letter-spacing:.01em;text-transform:uppercase;margin:0 0 var(--ps-16);color:var(--ps-belyj)}
/* Металлический отлив букв из макета не воспроизводится: таблица стилей того же
   макета задаёт H1 сплошным #FFFFEF, а градиент по тексту на рендере уводил низ
   букв в серый — заголовок переставал быть главным пятном экрана. Следуем
   таблице стилей, она точнее картинки. */
.ps-h2{font-family:Inter,sans-serif;font-weight:700;font-size:32px;line-height:1.25;
  color:var(--ps-zagolovok);margin:0 0 var(--ps-16)}
.ps-temno .ps-h2{color:var(--ps-belyj)}
.ps-h3{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:1.35;
  color:var(--ps-zagolovok);margin:0 0 var(--ps-8)}
.ps-temno .ps-h3{color:var(--ps-belyj)}
.ps-tekst{font-size:16px;line-height:1.6;margin:0 0 var(--ps-16)}
.ps-podpis{font-size:13px;line-height:1.5;color:var(--ps-seryj);margin:0}
.ps-chislo{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:56px;line-height:.95;
  color:var(--ps-lajm);margin:0 0 var(--ps-8)}

/* ── Шапка ───────────────────────────────────────────────────────────────
   Телефон и город стоят в шапке на каждой странице: в питерской выдаче
   8 из 10 наверху держат город в заголовке или код 812, и это не украшение. */
.ps-shapka{padding:var(--ps-24) 0;border-bottom:1px solid var(--ps-liniya-t)}
.ps-shapka-ryad{display:flex;align-items:center;gap:var(--ps-24);flex-wrap:nowrap}
/* Меню выросло с пяти пунктов до семи, и связь переехала на вторую строку —
   шапка ломалась на всех страницах разом. Меню ужимается первым, контакты
   остаются на одной строке с логотипом: их ищут глазами в правом углу. */
.ps-logo{display:flex;align-items:center;gap:var(--ps-8);text-decoration:none;flex-shrink:0}
.ps-logo b{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:20px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ps-belyj);white-space:nowrap}
.ps-logo .ps-romb{color:var(--ps-lajm)}
.ps-gorod{font-size:13px;color:var(--ps-seryj);display:flex;align-items:center;
  gap:var(--ps-4);white-space:nowrap}
.ps-gorod::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ps-lajm)}
.ps-menyu{display:flex;gap:var(--ps-16);margin-left:auto;flex-wrap:wrap;min-width:0}
.ps-menyu a{color:var(--ps-belyj);text-decoration:none;font-size:14px;font-weight:500;
  opacity:.85;white-space:nowrap}
.ps-menyu a:hover{opacity:1;color:var(--ps-lajm)}
.ps-svyaz{text-align:right;flex-shrink:0}
.ps-svyaz a{color:var(--ps-belyj);text-decoration:none;font-weight:600;font-size:16px;
  display:block;white-space:nowrap}
.ps-svyaz a:hover{color:var(--ps-lajm)}
.ps-svyaz span{font-size:13px;color:var(--ps-seryj)}
.ps-svyaz span a{display:inline;font-weight:400;font-size:13px;color:var(--ps-seryj)}

/* ── Первый экран ─────────────────────────────────────────────────────── */
.ps-pervyj{padding:var(--ps-96) 0 var(--ps-64)}
.ps-pervyj-ryad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--ps-64);align-items:center}
.ps-podzag{font-family:Inter,sans-serif;font-weight:700;font-size:28px;line-height:1.3;
  color:var(--ps-lajm);margin:0 0 var(--ps-24)}
.ps-pervyj .ps-tekst{color:#c9ced3}
.ps-puls{width:100%;height:120px;display:block;margin-top:var(--ps-24)}
.ps-puls path{fill:none;stroke:var(--ps-lajm);stroke-width:2;stroke-linecap:round;
  stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(167,255,0,.55))}

/* ── Панель цены ─────────────────────────────────────────────────────── */
.ps-cena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:0;border:1px solid var(--ps-liniya-t);margin-top:var(--ps-32)}
.ps-cena>div{padding:var(--ps-24) var(--ps-32);border-right:1px solid var(--ps-liniya-t)}
.ps-cena>div:last-child{border-right:0;display:flex;flex-direction:column;
  justify-content:center;align-items:stretch;gap:var(--ps-8)}
.ps-cena-podpis{font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ps-seryj);margin:0 0 var(--ps-8)}
.ps-cena-znachenie{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:36px;
  line-height:1.15;color:var(--ps-belyj)}

/* ── Кнопки ───────────────────────────────────────────────────────────── */
.ps-knopka{display:inline-block;background:var(--ps-lajm);color:var(--ps-chern);
  font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  padding:var(--ps-16) var(--ps-32);border:0;cursor:pointer;text-align:center}
.ps-knopka:hover{background:#b8ff33}
.ps-knopka:active{background:#93e000}
.ps-knopka:focus-visible{outline:2px solid var(--ps-belyj);outline-offset:2px}
.ps-knopka[disabled]{background:#3a4046;color:#7d848a;cursor:not-allowed}
.ps-knopka-kontur{display:inline-block;background:transparent;color:var(--ps-zagolovok);
  border:1px solid var(--ps-zagolovok);font-weight:600;font-size:16px;text-decoration:none;
  padding:12px var(--ps-24);cursor:pointer}
.ps-temno .ps-knopka-kontur{color:var(--ps-belyj);border-color:#4a5056}
.ps-knopka-kontur:hover{background:rgba(0,0,0,.05)}
.ps-temno .ps-knopka-kontur:hover{background:rgba(255,255,255,.08)}
a.ps-ssylka{color:var(--ps-lajm);font-weight:500;text-decoration:none;
  border-bottom:1px solid rgba(167,255,0,.4)}
a.ps-ssylka:hover{border-bottom-color:var(--ps-lajm)}

/* ── Обязательства: четыре плашки ─────────────────────────────────────── */
.ps-obyaz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ps-16);
  margin-top:var(--ps-32)}
.ps-obyaz>div{border:1px solid var(--ps-liniya-t);padding:var(--ps-24);
  display:flex;gap:var(--ps-16);align-items:flex-start}
.ps-obyaz .ps-ikonka{stroke:var(--ps-lajm)}
.ps-obyaz p{margin:0;font-size:14px;line-height:1.5;color:#c9ced3}
.ps-obyaz b{display:block;color:var(--ps-belyj);font-weight:600;font-size:15px}

/* ── Секции светлого тела ─────────────────────────────────────────────── */
.ps-sekciya{padding:var(--ps-64) 0}
.ps-sekciya-fon{background:var(--ps-fon)}
.ps-dve{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--ps-32);
  align-items:start}
.ps-spisok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ps-8);
  margin:0;padding:0;list-style:none}
.ps-spisok li{display:flex;gap:var(--ps-8);align-items:flex-start;
  border:1px solid var(--ps-liniya);padding:var(--ps-16);font-size:15px;line-height:1.5}
.ps-spisok li::before{content:"✓";color:#79b500;font-weight:700;flex-shrink:0}

/* ── Лог работ: показывает работу вместо обещаний ─────────────────────── */
.ps-log{background:var(--ps-chern);color:var(--ps-belyj);padding:var(--ps-32)}
.ps-log .ps-h3{color:var(--ps-belyj)}
.ps-log-shapka{display:flex;justify-content:space-between;align-items:baseline;
  gap:var(--ps-16);margin-bottom:var(--ps-24)}
.ps-log table{width:100%;border-collapse:collapse;font-size:14px}
.ps-log th{text-align:left;font-weight:400;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ps-seryj);padding:0 var(--ps-16) var(--ps-8) 0;
  border-bottom:1px solid var(--ps-liniya-t)}
.ps-log td{padding:12px var(--ps-16) 12px 0;border-bottom:1px solid var(--ps-liniya-t);
  color:#c9ced3;vertical-align:top}
.ps-log td:first-child{color:var(--ps-lajm);white-space:nowrap;font-variant-numeric:tabular-nums}
.ps-log-pusto{text-align:center;padding:var(--ps-32) 0}
.ps-log-pusto p{color:#c9ced3;font-size:15px;margin:0 0 var(--ps-16)}

/* ── Тарифы: разделы одного документа, а не три карточки ──────────────── */
.ps-tarify{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.ps-tarify th,.ps-tarify td{border:1px solid var(--ps-liniya);padding:12px var(--ps-16);
  text-align:left;vertical-align:top}
.ps-tarify thead th{font-family:Inter,sans-serif;font-weight:600;font-size:18px;
  color:var(--ps-zagolovok);text-align:center}
.ps-tarify thead th span{display:block;font-size:12px;font-weight:500;color:#79b500}
.ps-tarify tbody th{font-weight:500;color:var(--ps-tekst);width:190px}
.ps-tarify td{text-align:center}
.ps-tarify .ps-tarif-cena{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:32px;
  color:var(--ps-zagolovok)}

/* ── Платформы и причины ──────────────────────────────────────────────── */
.ps-plitka{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ps-16)}
.ps-plitka>div{border:1px solid var(--ps-liniya);padding:var(--ps-24);text-align:center;
  font-weight:600;font-size:15px;color:var(--ps-zagolovok);background:#fff}
.ps-plitka .ps-ikonka{stroke:var(--ps-zagolovok);display:block;margin:0 auto var(--ps-8)}
.ps-tri .ps-ikonka{stroke:#79b500;margin-bottom:var(--ps-16)}
.ps-log-pusto .ps-ikonka{stroke:var(--ps-lajm);margin:0 auto var(--ps-16);display:block}
.ps-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ps-16)}
.ps-tri>div{border:1px solid var(--ps-liniya);padding:var(--ps-24);background:#fff}

/* ── Полоса заявки ────────────────────────────────────────────────────── */
.ps-polosa{background:var(--ps-chern);color:var(--ps-belyj);padding:var(--ps-32)}
.ps-polosa .ps-h2,.ps-polosa .ps-h3{color:var(--ps-belyj)}
.ps-forma{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:var(--ps-16);
  align-items:end}
.ps-forma label{display:block;font-size:13px;color:var(--ps-seryj);margin-bottom:var(--ps-4)}
.ps-forma input{width:100%;padding:12px var(--ps-16);background:#fff;color:var(--ps-tekst);
  border:1px solid var(--ps-liniya);font:400 15px/1.4 Inter,sans-serif}
.ps-forma input:focus-visible{outline:2px solid var(--ps-lajm);outline-offset:1px}
.ps-forma .ps-oshibka input{border-color:#e04b4b}
.ps-oshibka-tekst{color:#ff9d9d;font-size:13px;margin:var(--ps-4) 0 0}

/* ── Подвал ───────────────────────────────────────────────────────────── */
.ps-podval{background:var(--ps-chern);color:#c9ced3;padding:var(--ps-64) 0 var(--ps-32);
  font-size:14px}
.ps-podval-ryad{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));
  gap:var(--ps-32)}
.ps-podval a{color:#c9ced3;text-decoration:none}
.ps-podval a:hover{color:var(--ps-lajm)}
.ps-podval h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ps-seryj);margin:0 0 var(--ps-16);font-weight:500}
.ps-podval ul{margin:0;padding:0;list-style:none}
.ps-podval li{margin-bottom:var(--ps-8)}
.ps-podval-niz{margin-top:var(--ps-32);padding-top:var(--ps-24);
  border-top:1px solid var(--ps-liniya-t);display:flex;justify-content:space-between;
  gap:var(--ps-16);color:var(--ps-seryj);font-size:13px;flex-wrap:wrap}

/* ── Экраны уже 1024 и 640 ───────────────────────────────────────────────
   Крупная типографика обязана остаться крупной: на телефоне H1 не
   превращается в обычный заголовок, он остаётся главным пятном экрана. */
@media (max-width:1200px){
  .ps-shapka-ryad{flex-wrap:wrap}
  .ps-gorod{order:3}
}
@media (max-width:1024px){
  .ps-h1{font-size:72px}
  .ps-h2{font-size:28px}
  .ps-h3{font-size:18px}
  .ps-chislo{font-size:48px}
  .ps-podzag{font-size:24px}
  .ps-pervyj-ryad,.ps-dve{grid-template-columns:minmax(0,1fr);gap:var(--ps-32)}
  .ps-obyaz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps-plitka{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ps-tri{grid-template-columns:minmax(0,1fr)}
  .ps-forma{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps-podval-ryad{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.ps{font-size:15px}
  .ps-h1{font-size:48px}
  .ps-h2{font-size:22px}
  .ps-h3{font-size:16px}
  .ps-chislo{font-size:36px}
  .ps-podzag{font-size:20px}
  .ps-pervyj{padding:var(--ps-32) 0}
  .ps-sekciya{padding:var(--ps-32) 0}
  .ps-cena{grid-template-columns:minmax(0,1fr)}
  .ps-cena>div{border-right:0;border-bottom:1px solid var(--ps-liniya-t);padding:var(--ps-24)}
  .ps-obyaz,.ps-spisok,.ps-plitka,.ps-forma{grid-template-columns:minmax(0,1fr)}
  .ps-menyu{display:none}
  .ps-tarify{display:block;overflow-x:auto;white-space:nowrap}
  .ps-podval-ryad{grid-template-columns:minmax(0,1fr)}
}

/* ── Итог формы: состояние «отправлено» ──────────────────────────────── */
.ps-forma-itog{text-align:center;padding:var(--ps-32) 0}
.ps-galka{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  border:1px solid var(--ps-lajm);border-radius:50%;color:var(--ps-lajm);font-size:24px;
  margin-bottom:var(--ps-16)}
.ps-forma-itog .ps-h3{color:var(--ps-belyj)}
.ps-forma-itog .ps-podpis{max-width:56ch;margin:0 auto var(--ps-24)}

/* ── Внутренние страницы ─────────────────────────────────────────────────
   Разрез тёмного и светлого тот же, что на главной: тёмным остаётся верх с
   заголовком, числами и пульсом, тело светлое — там читают. Аварийная
   страница единственная, где тёмного больше: там человек в панике. */
.ps-verh{padding:var(--ps-32) 0 var(--ps-64)}
.ps-kroshki{font-size:13px;color:var(--ps-seryj);margin-bottom:var(--ps-32)}
.ps-kroshki a{color:var(--ps-seryj);text-decoration:none}
.ps-kroshki a:hover{color:var(--ps-lajm)}
.ps-razdel{margin:0 var(--ps-8);opacity:.5}
.ps-verh-ryad{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--ps-32);align-items:start}
.ps-h1-vnutr{font-size:48px;line-height:1.05}
.ps-verh .ps-tekst{color:#c9ced3}
.ps-puls-malyj{height:96px}
.ps-verh .ps-obyaz{margin-top:var(--ps-32)}

.ps-spisok-odna{grid-template-columns:minmax(0,1fr)}
.ps-cena-bok{border:1px solid var(--ps-liniya);padding:var(--ps-24);background:#fff}
.ps-cena-bok .ps-cena-podpis{color:var(--ps-seryj)}
.ps-cena-bok .ps-cena-znachenie{font-family:Oswald,Impact,sans-serif;font-weight:700;
  font-size:36px;line-height:1.15;color:var(--ps-zagolovok);margin:0 0 var(--ps-8)}
.ps-cena-bok .ps-podpis{margin-bottom:var(--ps-24)}
.ps-cena-bok>*:last-child{margin-bottom:0}

.ps-shagi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ps-16)}
.ps-shagi>div{border:1px solid var(--ps-liniya);padding:var(--ps-24);background:#fff}
.ps-temno .ps-shagi>div{border-color:var(--ps-liniya-t);background:transparent}
.ps-nomer{font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:36px;
  color:var(--ps-lajm);line-height:1;display:block;margin-bottom:var(--ps-16)}
.ps-temno .ps-tekst,.ps-temno .ps-shagi p{color:#c9ced3}
.ps-temno .ps-tri>div{border-color:var(--ps-liniya-t);background:transparent}
.ps-temno .ps-tri .ps-ikonka{stroke:var(--ps-lajm)}

.ps-plitka a{border:1px solid var(--ps-liniya);padding:var(--ps-24);text-align:center;
  background:#fff;text-decoration:none;display:block;color:var(--ps-zagolovok)}
.ps-plitka a:hover{border-color:var(--ps-zagolovok)}
.ps-plitka a b{display:block;font-size:15px;margin-bottom:var(--ps-4)}
.ps-plitka a span{display:block;font-size:13px;color:#79b500}

.ps-polosa-centr{text-align:center}
.ps-polosa-centr .ps-h3{color:var(--ps-belyj)}

@media (max-width:1024px){
  .ps-h1-vnutr{font-size:40px}
  .ps-verh-ryad{grid-template-columns:minmax(0,1fr)}
  .ps-shagi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ps-h1-vnutr{font-size:32px}
  .ps-shagi{grid-template-columns:minmax(0,1fr)}
  .ps-verh .ps-obyaz{margin-top:var(--ps-32)}
}

/* ── Блог ────────────────────────────────────────────────────────────────
   Карточка записи — ссылка целиком, а не заголовок: попасть в неё проще, и
   на телефоне это единственный способ не промахнуться (закон Фиттса). */
.ps-zapisi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ps-16)}
.ps-zapis{display:block;border:1px solid var(--ps-liniya);padding:var(--ps-24);
  text-decoration:none;color:var(--ps-tekst);background:#fff}
.ps-zapis:hover{border-color:var(--ps-zagolovok)}
.ps-zapis .ps-h3{margin:var(--ps-8) 0}
.ps-zapis .ps-tekst{font-size:15px;margin-bottom:var(--ps-16)}
.ps-dalshe{color:#79b500;font-weight:500;font-size:15px}
.ps-statya{max-width:74ch}
.ps-statya h2{font-family:Inter,sans-serif;font-weight:700;font-size:24px;line-height:1.3;
  color:var(--ps-zagolovok);margin:var(--ps-32) 0 var(--ps-16)}
.ps-statya h3{font-family:Inter,sans-serif;font-weight:600;font-size:19px;
  color:var(--ps-zagolovok);margin:var(--ps-24) 0 var(--ps-8)}
.ps-statya p{margin:0 0 var(--ps-16)}
.ps-statya ul,.ps-statya ol{margin:0 0 var(--ps-16);padding-left:var(--ps-24)}
.ps-statya li{margin-bottom:var(--ps-8)}
.ps-statya a{color:#4a7c00;text-decoration:underline}
.ps-statya blockquote{margin:var(--ps-24) 0;padding-left:var(--ps-24);
  border-left:3px solid var(--ps-lajm);color:var(--ps-seryj)}
@media (max-width:640px){.ps-zapisi{grid-template-columns:minmax(0,1fr)}}


/* ── Связный текст и вопросы ─────────────────────────────────────────────
   Ширина строки ограничена 74 знаками: длиннее — глаз теряет начало строки. */
.ps-proza{max-width:74ch}
.ps-proza p{margin:0 0 var(--ps-16)}
.ps-proza .ps-h3{margin:var(--ps-32) 0 var(--ps-8)}
.ps-proza b{font-weight:600;color:var(--ps-zagolovok)}
.ps-proza a{color:#4a7c00}
.ps-voprosy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ps-16)}
.ps-voprosy>div{border:1px solid var(--ps-liniya);padding:var(--ps-24);background:#fff}
.ps-voprosy p{margin:0}
@media (max-width:640px){.ps-voprosy{grid-template-columns:minmax(0,1fr)}}