/* Справочник округа в новом виде (27.10.2026, layout page-v2.njk → extra_css). Основа — home-v2.css и page-v2.css
   (первый экран, карточки, .gtable, .prose, .links, блоки посёлка); здесь только своё: поиск и три таблицы мест округа,
   плитки соседних округов, ряд фактов, ссылки в лиде на тёмном первом экране, «Проедет ли машина» в одну колонку. */

/* таблица в сотни строк выше экрана телефона: порог появления .rv (8 % площади) она не наберёт — показываем сразу */
.rv.okr-dir { opacity: 1; transform: none; }
.okr-find { margin: 0 0 4px; }
#okrug-empty { margin: 10px 0 0; font-size: 14px; color: var(--muted); }
.okr-grp { margin-top: 22px; }
.okr-grp[hidden] { display: none; }
.okr-grp h3 { font-size: 18px; margin: 0 0 10px; }
.okr-grp h3 small { font-size: 15px; font-weight: 500; color: var(--muted); }
.okr-grp td:first-child { color: var(--ink); }
.okr-grp td:first-child span { color: var(--muted); }
.okr-grp td:first-child a { font-weight: 600; text-decoration: none; }
.okr-grp th:nth-child(n+2), .okr-grp td:nth-child(n+2) { width: 1%; white-space: nowrap; }
.okr-grp td:nth-child(3) { font-weight: 700; color: var(--ink); }
.okr-grp td:nth-child(3) span { font-weight: 400; color: var(--muted); white-space: normal; }
.okr-none { margin: 0; font-size: 14px; color: var(--muted); }
.pv2 [data-kv-shared="neighbors"] { display: contents; }

@media (min-width: 900px) {
  .okr-find { max-width: 680px; margin: 0 auto 8px; }
  #okrug-empty, .okr-none { text-align: center; }
  .okr-grp { max-width: 1000px; margin: 48px auto 0; }
  .okr-grp h3 { text-align: center; font-size: 22px; color: var(--navy-2); margin-bottom: 16px; }
  .okr-grp h3 small { font-size: 17px; }
  /* ссылки в лиде (город на своей странице) — на тёмном первом экране, как «Рассчитать цену» у услуг */
  .pv2 .hero .lead a { color: #fdba74; }
  /* ряд фактов без заголовка — плотнее обычной полосы */
  .pv2 main > section.okr-facts { padding-top: 48px; padding-bottom: 48px; }
  /* «Проедет ли машина»: без строки габаритов (их нет в данных) пункты — одной колонкой рядом с фото */
  .okr-access .ac-list { grid-template-columns: 1fr; }
  /* срочная полоса сразу под первым экраном (у посёлка она под карточкой цены) */
  .pv2 main > section.hero + section[data-kv-shared="urgent"] { padding-top: 56px; }
}