/* detali-v1 (18.10.2026): детали по замеру 18.10 — общее для всех страниц, пакет «ds».
   1) Переносы: браузер сам не оставляет одно слово последней строкой абзаца и не вешает короткое слово в конце строки,
      где типограф не дотянулся (текст из скриптов, данные). Второй рубеж после tests/tipograf_statej.py; где не поддерживается — как было.
   2) Поля касания на телефоне и сенсорном экране — не меньше 44 px (Apple HIG, WCAG 2.5.5). С мышью подвал остаётся плотным:
      строки ≥ 24 px с промежутком — норма WCAG 2.5.8. */
/* detali-v1b: шкала размеров и радиусов — значения, которые остались на сайте (сторож tests/shkala_radiusy.test.js). */
:root{--t-12:12px;--t-13:13px;--t-15:15px;--t-17:17px;--t-20:20px;--t-24:24px;--t-32:32px;--t-48:48px;--r-small:10px;--r-inner:16px;--r-card:28px;--r-pill:999px}
p,li,dd,dt,figcaption,blockquote,summary,legend,h1,h2,h3,h4{text-wrap:pretty}
@media (max-width:640px),(pointer:coarse){
  .podval li{margin:0}
  .podval li a{display:inline-block;padding:11px 0}  /* ссылки в строке текста внизу подвала — как были */
  .tema button{min-height:44px;padding-left:14px;padding-right:14px}
  .shapka__tema,.shapka__burger{min-width:44px;min-height:44px}
  .shapka__btn,.shapka .shapka__btn{min-height:44px}
  /* detali-v1c: остаток замера 19.10 — то, во что на телефоне целились пальцем мимо */
  a.skip,.pr .razd a,button[data-preset]{min-height:44px}
  a.skip{display:inline-flex;align-items:center}
  summary{min-height:44px;padding-top:10px;padding-bottom:10px;box-sizing:border-box}
  /* крошки — поле 44 px без сдвига строки (поле уходит в пустой воздух над и под строкой) */
  .crumbs a,.co-krosh a{display:inline-block;padding:12px 0;margin:-12px 0}
  /* ссылка — единственное в строке списка: «Что проверить» в ленте, источники, «Условия рассылки» */
  .src li>a,.zh-niz__m a,.bol>a{display:inline-block;padding:12px 0}
  .u .p a,.tw td>a{display:inline-block;padding:12px 0;margin:-12px 0}  /* значок ✓ ленты и строки таблицы остаются на своих местах */
  .u .p a{max-width:100%}  /* tipograf-chisla-v1: «АО «Калининградгазификация» →» на 320 px выходил за край на 7 px — inline-block брал ширину по самому длинному куску */
}
/* detali-v1c: с мышью подвал прежний — поле ссылки 24 px (WCAG 2.5.8) без сдвига строк */
@media (min-width:641px) and (pointer:fine){
  .podval li a{display:inline-block;padding:1px 0;margin:-1px 0}
  .src li>a,.u .p a{display:inline-block}  /* высота строки ≥ 24 px — поле есть, строки не сдвигаются */
  .crumbs a,.co-krosh a,.zh-niz__m a,.tw td>a{display:inline-block;padding:4px 0;margin:-4px 0}
}
/* detali-v1c: строка абзаца ≤ 75 знаков — простые абзацы и списки статей, методики, лендинга Паспорта, рейтинга.
   38em, а не 58ch: ch — ширина «0» текущего шрифта, и пока Onest грузится, колонка была бы другой ширины (замер: CLS /pasport/ 0,001 → 0,018);
   em от шрифта не зависит. :where — нулевой вес: где страница задала свою ширину, остаётся её. */
:where(article,.set-host,.co-ogov) :where(p:not([class]),ul:not([class])>li,ol:not([class])>li){max-width:38em}
.pkg .pkg-item__d{max-width:38em}
/* заголовок третьего уровня без своего размера (стиль браузера 1,17 em = 19,89 px) — на шкалу */
:where(article) h3{font-size:var(--t-20)}
/* vitrina-v2a (19.10.2026): остаток целей касания на главной (замер tests/zamer_detali.js после detali-v1c: 8) */
.vse>a,.rynok__go>a{padding-block:2px}
.usl summary{min-height:24px}
@media (max-width:640px),(pointer:coarse){
  .vse>a,.rynok__go>a{padding-block:12px}
  .usl summary{min-height:44px}
  .usl-btns button,.usl-btns a{min-height:44px}
  .ceny p a{padding-block:9px;margin-top:9px;margin-bottom:-9px}
}
/* vbok-320: узкий телефон (320 px) — ничего не выходит за край.
   Слово длиннее строки переносится, а не выталкивает страницу вбок; кнопки
   сегмента и поля ввода в ряду сжимаются (min-width:auto у flex — по содержимому). */
body{overflow-wrap:break-word}
.seg--fit button{min-width:0}
@media (max-width:640px){.co-ind--wait .co-ind__n{white-space:normal}}
/* podelitsya-v1 (24.10.2026): «Поделиться» под статьёй и разбором — тихая строка, не реклама площадок: без значков и фирменных цветов.
   Цвета — от текста страницы (currentColor): у разборов и статей свои палитры, токены ДС есть не везде (замер Chromium: на разборе
   в светлой теме --text/--line пусты) — так блок читается в обеих темах на любой странице. Поле касания 44 px; на телефоне — в два ряда. */
.podel{margin:40px 0 8px;padding-top:20px;border-top:1px solid rgba(127,127,127,.28);max-width:38em}
.podel__h{margin:0 0 12px;font-size:var(--t-15,15px);line-height:1.45;opacity:.72}
.podel__r{display:flex;flex-wrap:wrap;gap:8px}
.podel .podel__a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(127,127,127,.38);border-radius:var(--r-pill,999px);
  background:transparent;color:inherit;font-family:inherit;font-weight:600;font-size:var(--t-15,15px);line-height:1;text-decoration:none;cursor:pointer;transition:border-color .2s,background-color .2s}
.podel .podel__a[hidden]{display:none}
.podel .podel__a:hover{border-color:currentColor;background:rgba(127,127,127,.12)}
.podel .podel__a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.podel__ok{margin:10px 0 0;min-height:1.4em;font-size:var(--t-13,13px);opacity:.72}
@media (max-width:420px){.podel .podel__a{padding:0 14px}}
@media (prefers-reduced-motion:reduce){.podel .podel__a{transition:none}}