/* [ШКАЛА 09.08] Полупиксельные кегли сняты: 12.5 и 13.5 → ступень 13,
   14.5 и 15.5 → ступень 15. Максимальный сдвиг — полпикселя. Шкала
   13·15·17·20·30·42 объявлена в css/tokens.css (вердикт владельца 09.08:
   настоящая шкала — та, что была на главной). Значения с запасным числом:
   если файл окажется подключён там, где токенов нет, размер не пропадёт. */
/* ═══════════════════════════════════════════════════════════════════════════
   shared-convergence.css — [SUB-CONV 21.07]
   Визуальная конвергенция суб-страниц (site/*.html) к языку живой главной.
   Дизайн-скоуп (правило юзера 21.07: «вопросы кода — Клод Коду, ты — дизайн/интерфейс»).
   Только ВИЗУАЛ, аддитивно, обратимо: удалить <link> из 21 site/* + этот файл.

   Почему отдельный файл: оверрайд-блоки главной (dr-overhaul-3A…4-convergence)
   живут ИНЛАЙН в её HTML — суб-страницы их не видят и застряли в до-конвергентном
   виде (дровер-CTA UPPERCASE, кнопки без «глубины», prose-ссылки браузерно-синие).
   Этот файл — дериват тех же рецептов, но САМОДОСТАТОЧНЫЙ: семантические токены
   (--color-action/--cta-depth/--elevation-*) существуют только на канвасе, поэтому
   здесь переобъявлены локально из tokens.css-примитивов (--wa/--wa-hover доступны).

   Подключается ПОСЛЕ dailyrent.css (вставлен перед </head> каждой саба) →
   выигрывает по порядку источника при равной специфичности.

   АРХИТЕКТУРНОЕ вне скоупа [→ Клод Код]: класс-рефактор apt2-*/apartment.css
   (apartment.css сабам НЕ подключён — #4-фикс бил в мёртвый файл), --terracotta-
   репоинт, орфан-куль, механизм тоста для locale-«скоро» (это JS/маркап).
   ═══════════════════════════════════════════════════════════════════════════ */

/* «Посадка» глубокой кнопки = color-mix(#1FA855 56%, hsl(215 25% 10%)) ≈ #1a693e —
   ЛИТЕРАЛОМ, не через custom-property. В этой среде цепочка --conv → color-mix
   резолвилась в ПУСТО (проба харнесса _qa/sub-convergence-21-07: --conv-cta-seat=«»,
   test var()→boxShadow=none, хотя CSS.supports(color-mix)=yes) → box-shadow отпадал.
   Инлайн-литералы бесхрупкие; value-identical канвас-рецепту §4.1 (--cta-depth). */

/* ── S · Хедер-CTA: вес 600 + «глубина» + фокус-кольцо (= главная §4.1) ─────── */
.site-header__call, .site-header__cta { font-weight: 600; }
.site-header__cta {
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.22), inset 0 -1px 0 #1a693e, 0 1px 2px rgba(0,0,0,.08);
  transition: background-color var(--dur-fast, 180ms) var(--ease-standard, ease),
              transform var(--dur-fast, 180ms) var(--ease-standard, ease),
              box-shadow var(--dur-fast, 180ms) var(--ease-standard, ease);
}
.site-header__cta:hover { box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.22), inset 0 -1px 0 #1a693e, 0 4px 12px -2px rgba(0,0,0,.14); }
.site-header__call:active,
.site-header__cta:active { transform: scale(0.97); transition-duration: 100ms; }
.site-header__cta:focus-visible { outline: 2px solid var(--wa-hover, #18914a); outline-offset: 2px; }

/* ── M · Дровер-CTA: единственный UPPERCASE-CTA сайта → sentence-case семьи
   + «глубина» (= главная §4.1). Это главный дрейф, на который указал юзер. ──── */
.site-drawer__wa, .site-drawer__call {
  font-size: var(--fs-md, 0.875rem);
  letter-spacing: 0.01em;
  text-transform: none;
  transition: background-color var(--dur-fast, 180ms) var(--ease-standard, ease),
              transform var(--dur-fast, 180ms) var(--ease-standard, ease);
}
.site-drawer__wa { box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.24), inset 0 -2px 0 #1a693e, 0 1px 2px rgba(0,0,0,.08); }
.site-drawer__wa:hover { background: var(--wa-hover, #18914a); }
.site-drawer__wa:active,
.site-drawer__call:active { transform: scale(0.97); transition-duration: 100ms; }

/* ── S · Стики-бар бронирования: «глубина» + active-scale вместо brightness-
   фильтра (= язык одной глубокой кнопки). Базовый цвет НЕ трогаем (возможный
   свой токен --whatsapp → репоинт = [→ Клод Код]). ────────────────────────── */
.apt2-bar__cta { box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.24), inset 0 -2px 0 #1a693e, 0 1px 2px rgba(0,0,0,.08); }
.apt2-bar__cta:hover {
  transform: translateY(-1px);
  filter: none;
  box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.24), inset 0 -2px 0 #1a693e, 0 4px 12px -2px rgba(0,0,0,.14);
}
.apt2-bar__cta:active { transform: scale(0.97); transition-duration: 100ms; }

/* ── Base content links [3G·#23]: бесклассовые prose-ссылки (оферта, правила,
   политика — сейчас браузерно-синие) → ink + подчёркивание, как на главной.
   :where()-контейнеры (0-специфичность) выводят из-под правила весь хром. ──── */
a:not([class]):not(:where(nav, header, .site-header, .site-drawer, footer, .drf, .apt2-bar, .legal__crumbs) a) {
  color: hsl(var(--ink));
  text-decoration: underline;
  text-decoration-color: hsl(var(--ink) / 0.35);
  text-underline-offset: 3px;
  transition: color var(--dur-fast, 180ms) var(--ease-standard, ease),
              text-decoration-color var(--dur-fast, 180ms) var(--ease-standard, ease);
}
a:not([class]):not(:where(nav, header, .site-header, .site-drawer, footer, .drf, .apt2-bar, .legal__crumbs) a):hover {
  color: var(--wa-hover, #18914a);
  text-decoration-color: currentColor;
}
a:not([class]):not(:where(nav, header, .site-header, .site-drawer, footer, .drf, .apt2-bar, .legal__crumbs) a):focus-visible {
  outline: 2px solid var(--wa-hover, #18914a);
  outline-offset: 2px;
}

/* ── reduced-motion: контракт без трансформов (= главная §4.4) ─────────────── */
@media (prefers-reduced-motion: reduce) {
  .site-header__cta, .site-drawer__wa, .site-drawer__call, .apt2-bar__cta { transition: none; }
  .site-header__call:active, .site-header__cta:active, .site-header__cta:hover,
  .site-drawer__wa:active, .site-drawer__call:active,
  .apt2-bar__cta:hover, .apt2-bar__cta:active { transform: none; }
}


/* ── [LANG-VISIBLE 27.07] ЯЗЫК В ШАПКЕ ПОДСТРАНИЦ ────────────────────────────
   Вердикт юзера: «переключатель всё же нужен в обозримой области… я настроил
   телефон на английском, но если сайт откроется на английском, могу не понять,
   что он местный». Гость из выдачи садится НЕ на главную, а на страницу
   квартиры ⇒ именно здесь ему и нужен видимый выход. Раньше язык на подстраницах
   жил ТОЛЬКО в дровере (за бургером) и в подвале (≤480px) — то есть его не было
   видно нигде. Теперь ряд из трёх эндонимов стоит в шапке, как на главной:
   одинаковое расположение на всех 22 страницах (WCAG 3.2.3 Consistent
   Navigation), одинаковая метка активного (WCAG 3.2.4), lang на каждой опции
   (WCAG 3.1.2). Только текст: ни рамок, ни фигур, ни глифов — правило шапки.
   Тап-цель 43×46 (::after добирает по вертикали; по горизонтали НЕ добираем —
   зоны соседних языков наезжали бы, а промах меняет язык всего сайта).
   Обработчик — в js/dr-modern.js. ОТКАТ: удалить этот блок + .site-hdrlang из
   разметки страниц + блок в dr-modern.js (язык вернётся в дровер). */
/* [LANG-ONE-VOICE 15.08] Кегль ряда языков сведён с главной: было 13px/600 с разрядкой
   .07em, стало 15px/500 без разрядки. Замер 15.08 на четырёх поверхностях: главная над фото
   и на креме, страница отзывов — везде 15/500/без разрядки; отставали только шестнадцать
   подстраниц на телефоне, и только на телефоне (на десктопе ряд скрыт, там панель dr-lang).
   Компонент НЕ менялся: у главной он новее (.site-langtoggle), но на десктопе обе версии
   уже дают один вид, а ради телефона переносить разметку и скрипты незачем.
   Запись передачи 14.08 «12 и 12,5px в четырёх объявлениях» замером НЕ подтвердилась:
   двенадцатого кегля в живом переключателе нет нигде. РЕВЕРС: вернуть 13px/600/.07em. */
/* margin-right, а не gap на .site-header__right: у кластера на десктопе своя раскладка пилюль,
   а нам нужен ровно один зазор — чтобы тап-зона «Eng» не примыкала к бургеру вплотную. */
.site-hdrlang{display:inline-flex;align-items:center;gap:0;height:36px;padding:0 2px;margin-right:8px;flex:none;}
.site-hdrlang__opt{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 8px;border:0;background:none;font-family:inherit;font-size:var(--s-15, 15px);font-weight:500;line-height:1;letter-spacing:0;color:hsl(var(--ink)/.6);text-decoration:none;cursor:pointer;}
.site-hdrlang__opt::after{content:"";position:absolute;inset:-5px 0;}
.site-hdrlang__opt:hover{color:hsl(var(--ink)/.85);}
.site-hdrlang__opt--on{color:hsl(var(--ink));cursor:default;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:hsl(var(--ink)/.38);}
.site-hdrlang__opt--on:hover{color:hsl(var(--ink));}
.site-hdrlang__opt:focus-visible{outline:2px solid hsl(var(--ink)/.6);outline-offset:2px;}
.site-header[data-on-cream="false"] .site-hdrlang__opt{color:hsl(0 0% 100%/.8);}
.site-header[data-on-cream="false"] .site-hdrlang__opt--on{color:hsl(0 0% 100%);text-decoration-color:hsl(0 0% 100%/.6);}
/* ДЕСКТОП (≥1024): ряд в шапке НЕ показываем — навигация подстраниц отцентрована абсолютно,
   и выросший правый кластер налезал на последний пункт («FAQ» ложился на «Рус», замерено на 1200).
   Переставлять центрованный нав на 20 страницах ради вторичного контрола неверно ⇒ на десктопе
   язык живёт в ПОДВАЛЕ (второй признанный индустрией дом; см. ресёрч 27.07), и для этого ниже
   снимается его мобильный-онли гейт. Мобайл — приоритет (правило проекта), там ряд в шапке. */
@media (min-width: 1024px){ .site-hdrlang{display:none;} }
/* ПОДВАЛ: было `@media (min-width:481px){display:none}` в dailyrent.css — то есть выше 480px
   на подстраницах не оставалось НИ ОДНОЙ доступной точки переключения (дровер за бургером, а
   бургер ≥1024 скрыт). Открываем на всех ширинах — как в подвале главной. */
@media (min-width: 481px){ .v2-footer__lang{display:inline-flex;} }
.site-hdrlang__opt--on{text-decoration:none;}
.site-hdrlang__opt{color:hsl(var(--ink)/.45);}
.site-hdrlang__opt--on{color:hsl(var(--ink));} /* порядок важен: правило .45 выше стоит ПОСЛЕ базового --on и перебило бы его */
.site-header[data-on-cream="false"] .site-hdrlang__opt{color:hsl(0 0% 100%/.55);}
/* язык больше не прячется в дровере: одна ВИДИМАЯ точка входа (шапка) + подвал.
   Разметку .site-drawer__locale оставляем на месте — откат в одну строку. */
.site-drawer__locale{display:none;}
/* тост «скоро» — пока переводы не подключены к страницам ([→ Клод Код]: DR_LANG_URLS).
   Встаёт ПОД шапкой, а не у низа: там на страницах квартир живёт бар с CTA. */
.dr-lt-toast{position:fixed;left:50%;top:76px;transform:translate(-50%,-8px);z-index:1200;max-width:min(88vw,420px);padding:11px 16px;border-radius:12px;background:hsl(var(--ink)/.93);color:hsl(var(--paper));font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;text-align:center;box-shadow:0 14px 32px -16px rgba(10,12,16,.65);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-standard,ease),transform .2s var(--ease-standard,ease);}
.dr-lt-toast.is-on{opacity:1;transform:translate(-50%,0);}

/* — 3. Чип занятости: амберный текст не проходил AA.
   #A56C12 на подложке rgb(251,240,224) давал 3,93:1 при пороге 4,5.
   #8A5A0E на той же подложке даёт 5,27:1. Зелёный чип не трогаем — он и так 5,68:1.
   Литералом, а не через токен: color-mix в цепочке custom-property резолвится в пустоту. — */
body[data-chip-color="tint"] .v2-aptcard__chip[data-state="booked"],
body[data-chip-color="tint"] .v2-aptcard__chip[data-state="renovation"] {
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value */
  color: #8A5A0E; /* исключение: токена под AA-амбер в шкале нет, репоинт --amber-700 задел бы главную */
}

/* — 4. Тап-цели: невидимая хит-зона до порога проекта 30px, без сдвигов раскладки.
   Было: ссылки карт 19,5 · «Все квартиры» 19,5 · рейтинг в шапке 24,0. — */
.apt2-district__links a,
.apt2-coll__all,
.apt2-head__rating { position: relative; }
.apt2-district__links a::after,
.apt2-coll__all::after,
.apt2-head__rating::after {
  content: "";
  position: absolute;
  inset: -6px -4px;
  pointer-events: auto;
}

/* [TABLE-SCROLL 15.08] Таблица получателей данных на политике конфиденциальности —
   единственная на подстраницах, которая не влезает: 394px при окне 390 и 360, и вся
   страница ехала вбок на 24 и 54 пикселя. Шесть колонок в 360 не сожмёшь без
   нечитаемых переносов, поэтому таблица скроллится ВНУТРИ своей коробки, а страница
   стоит на месте. Приём взят с «Нашего района» (.rb-med__scroll в css/rightbank.css:335),
   где такая же таблица уже так и живёт — тот же компонент, а не похожий.
   Две таблицы на условиях возврата в 350px влезают и не тронуты.
   РЕВЕРС: снять обёртку в разметке и это правило. */
.legal__tblscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ═══ [SCALE-APT 15.08] Страница квартиры — один язык кеглей ════════════════════
   Замер 15.08 на 390 и 1440: 19 разных кеглей при шкале проекта из семи
   (13 · 15 · 17 · 20 · 30 · 42 · 56), 162 элемента вне шкалы на телефоне.
   Это и есть механическая причина ощущения «сделано разными руками» на той самой
   странице, куда гость садится из поиска.

   ТРИ ГРУППЫ, и первая — не вкус, а расхождение ОДНОГО компонента:
   1. Карточки квартир в блоке «Ещё в нашей шестёрке» отстали от тех же карточек
      на главной: ЖК 16 против 20, адрес и цена 14 против 15, чип занятости 11,67
      против 13. Сводим к главной — она канон.
   2. Карточки отзывов (.rb__*) живут ТОЛЬКО на страницах квартир — ни на главной,
      ни на странице отзывов их нет, там свои компоненты. Правка их не заденет.
   3. Собственные узлы страницы: факты в шапке, номера подсказок, липкий бар.

   НЕ ТРОГАЕМ три дисплейных узла — это не текст, а графика, и сведение к шкале
   изменило бы замысел: заголовок «Абая 10» (44/104), крупный рейтинг 4.7 (52/72)
   и гигантская буква квартала (160/288).
   ГОТОВО, КОГДА: вне шкалы остаются только эти три узла.
   РЕВЕРС: удалить блок целиком. */

/* 1 · карточки квартир — к виду главной */
.v2-aptcard__zhk { font-size: var(--s-20, 20px); }
.v2-aptcard__unit,
.v2-aptcard__price { font-size: var(--s-15, 15px); }
.v2-aptcard__chip { font-size: var(--s-13, 13px); }

/* 2 · карточки отзывов на странице квартиры */
.rb__card-author { font-size: var(--s-17, 17px); }
.rb__card-meta { font-size: var(--s-15, 15px); }
.rb__card-score-num { font-size: var(--s-15, 15px); }
.rb__card-score-of,
.rb__scores-value-of { font-size: var(--s-13, 13px); }
.rb__card-verify-mark { font-size: var(--s-13, 13px); }
.rb__scores-value-num { font-size: var(--s-20, 20px); }
.rb__intro { font-size: var(--s-17, 17px); }

/* 3 · собственные узлы страницы квартиры */
.apt2-head__meta dd,
.apt2-district__nearby dd { font-size: var(--s-17, 17px); }
.apt2-highlight__note,
.apt2-cond__faq { font-size: var(--s-17, 17px); }
.apt2-highlight__num { font-size: var(--s-30, 30px); }
.apt2-bar__price-prefix,
.apt2-bar__price-unit { font-size: var(--s-13, 13px); }
/* заголовки секций: верх clamp уже даёт 56 на 1440, поднимаем только низ 32 → 30 */
.apt2-h2 { font-size: clamp(30px, 4.5vw, 56px); }
/* имя хозяев: было 24 на телефоне и 32 на десктопе — обе ступени чужие */
.apt2-host__name { font-size: clamp(20px, 3vw, 30px); }

/* 4 · остаток по замеру после первого прохода: шапка разошлась с главной
   (вордмарка 16 против 17 на телефоне, ссылки 16 и 14 против 15), кнопка галереи
   набрана 16, заголовок секции отзывов давал 32/52 мимо ступеней. Сводим к главной,
   заголовок — к тому же clamp, что у соседних заголовков этой страницы. */
.site-header__brand { font-size: var(--s-17, 17px); }
.site-header__link { font-size: var(--s-15, 15px); }
.apt2-gallery__handoff { font-size: var(--s-17, 17px); }
.p-display { font-size: clamp(30px, 4.5vw, 56px); }

/* 5 · телефон и WhatsApp в блоке хозяев: 16px мимо ступеней на обеих ширинах.
   Первый заход этой правки целился в шапку — прибор показал две ссылки, и я принял
   их за кластер шапки; на деле кнопки шапки набраны 13 и 16 и совпадают с главной,
   а мимо шкалы шли контакты хозяев. Кластер шапки не тронут. */
.apt2-host__contact a { font-size: var(--s-17, 17px); }

/* 6 · баннер «идёт ремонт» — есть только на странице Абая 10/1: подпись 11 и текст
   со ссылками на соседние квартиры 16. Обе ступени чужие. */
.apt-renov-banner__label { font-size: var(--s-13, 13px); }
.apt-renov-banner__text,
.apt-renov-banner__text a { font-size: var(--s-17, 17px); }

/* ═══ [SCALE-LEGAL 15.08] Юридические страницы — к шкале ═══════════════════════
   Замер 15.08: на политике 241 узел мимо ступеней, из них 205 — основной текст,
   набранный 16px от базы документа. Шестнадцати в шкале проекта нет, а тот же
   по смыслу текст на странице квартиры набран 17 — то есть отставали именно эти
   шесть страниц. Заголовки разделов 24 → 20, заголовок страницы 32/48 → 30/42,
   подпись редакции 14 → 15, шапка таблицы 14 → 15, подписи нижнего бара 11 → 13.
   Страницы станут чуть длиннее — это цена одного языка набора.
   РЕВЕРС: удалить блок. */
.legal__article,
.legal__article p,
.legal__article li,
.legal__article td { font-size: var(--s-17, 17px); }
.legal__article h2 { font-size: var(--s-20, 20px); }
.legal__article h3 { font-size: var(--s-17, 17px); }
.legal__article th { font-size: var(--s-15, 15px); }
.legal__meta { font-size: var(--s-15, 15px); }
.legal__h1 { font-size: clamp(30px, 5vw, 42px); }
.mobile-bar-item { font-size: var(--s-13, 13px); }
/* подписи в реквизитах и карточках услуг: 11 → 13 */
.legal__row dt { font-size: var(--s-13, 13px); }

/* [СВЕДЕНИЕ 21.08] Скругление фото карточки как на главной: там 16px через dr-scale-7,
   который в файле главной. Подстраницы жили на 14px из --radius-md — расхождение видно
   в блоке соседей рядом с теми же карточками главной. Откат: удалить эти две строки. */
html body .v2-aptcard__photo,
html body .v2-aptcard__skeleton { border-radius: 16px !important; }

/* [СВЕДЕНИЕ 21.08] Заголовки и надзаголовки подстраниц к языку главной.
   На главной заголовки секций жирные (700, трекинг −0.9) и надзаголовков нет вовсе —
   правило проекта «никаких кикеров». Подстраницы жили на светлом 300 и пяти надзаголовках
   («О квартире», «Условия», «Район», «Хозяева», «Коллекция»), потому что проход по стилям
   до них не доехал. Откат: удалить этот блок. */
html body .apt2-h2,
html body .apt2-section h2,
html body .apt2-district h2 { font-weight: 700; letter-spacing: -0.03em; }

html body .apt2-eyebrow { display: none; }

/* [СВЕДЕНИЕ 21.08] Текст отзыва на страницах квартир шёл 16px — кегля 16 в шкале проекта нет
   (13 · 15 · 17 · 20 · 30). На главной тот же отзыв набран 17px с интерлиньяжем 1.58 и тоном .86.
   Приводим к главной. Отступ карточки и ховер НЕ трогаем: три расхождения отзывов
   (отступ .rb, ховер карточки, вид ссылки проверки) записаны в проекте как НАМЕРЕННЫЕ. */
html body .rb__card p,
html body .rb__card blockquote { font-size: 17px; line-height: 1.58; color: hsl(var(--ink) / 0.86); }

/* [ОТЗЫВЫ 5 ИЗ N 21.08] Строка под сеткой отзывов: сколько показано и ссылка на все.
   Кегль 15 из шкалы, подчёркивание как у ссылок в тексте — один механизм на весь сайт. */
html body .rb__more { margin: 24px 0 0; text-align: center; }
html body .rb__more-link { font-size: 15px; color: hsl(var(--ink) / 0.86);
  text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: hsl(var(--ink) / 0.35); }

/* [ЧТО РЯДОМ 21.08] Список мест из гида по району на странице квартиры. Кегли из шкалы,
   разделители — волосяная линия между строками, как в других списках страницы. */
html body .apt2-near__list { list-style: none; margin: 1.25rem 0 0; padding: 0; }
html body .apt2-near__item { padding: 12px 0; border-top: 1px solid hsl(var(--ink) / 0.12); }
html body .apt2-near__item:first-child { border-top: 0; padding-top: 0; }
html body .apt2-near__name { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.35; }
html body .apt2-near__note { margin: 2px 0 0; font-size: 15px; line-height: 1.5;
  color: hsl(var(--ink) / 0.72); }
html body .apt2-near__more { margin: 1.25rem 0 0; font-size: 15px; }
html body .apt2-near__more a { color: hsl(var(--ink) / 0.86); text-decoration: underline;
  text-underline-offset: 3px; text-decoration-color: hsl(var(--ink) / 0.35); }

/* [ЧТО РЯДОМ 22.08] Три группы: в доме, пешком, в районе. Подзаголовок группы — кегль 15,
   тон приглушённый: он разделяет, а не спорит с названиями мест. */
html body .apt2-near__group { margin: 1.5rem 0 0.5rem; font-size: 15px; font-weight: 600;
  color: hsl(var(--ink) / 0.55); }
html body .apt2-near__group:first-of-type { margin-top: 1.25rem; }

/* [РАЙОН ПОСТРОЧНО 30.08] Список мест внутри ТЁМНОЙ секции района.
   Прежние .apt2-near__* писались под светлый фон блока 8: на тёмном адрес шёл
   чернилами по чернилам (18,19,23 на 18,19,23 — не видно вовсе), а разделители
   рисовались тем же тоном, что фон, то есть никак. Здесь те же правила в
   бумажном тоне. Сам блок 8 удалён — эти селекторы живут только тут. */
html body .apt2-district .apt2-near__list { margin: 0.65rem 0 0; }
html body .apt2-district .apt2-near__item { padding: 11px 0;
  border-top: 1px solid hsl(var(--paper) / 0.16); }
html body .apt2-district .apt2-near__item:first-child { border-top: 0; padding-top: 0; }
html body .apt2-district .apt2-near__name { font-size: 16px; font-weight: 500;
  color: hsl(var(--paper) / 0.96); }
html body .apt2-district .apt2-near__note { margin: 3px 0 0; font-size: 14px;
  color: hsl(var(--paper) / 0.62); }
/* Подпись внутри группы «Лечение»: дальше идут места, до которых на такси. */
html body .apt2-district .apt2-near__podpis { list-style: none; border-top: 0;
  padding: 15px 0 3px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: hsl(var(--paper) / 0.5); }

/* [БЛОКИ 8+9 · 30.08] «Что рядом» — светлая секция со свёрнутым списком.
   Видно пять мест, дальше кнопка с точным числом: тот же приём, что в фото
   (5 из 40) и удобствах (6 из 49). Число в кнопке само по себе довод —
   «показать ещё» не говорит ничего. */
html body .nd8 .apt2-near__group { margin: 1.5rem 0 .1rem; font-size: 13px;
  font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: hsl(var(--ink) / .5); }
html body .nd8 .apt2-near__grp:first-child .apt2-near__group { margin-top: .6rem; }
html body .nd8__more { margin-top: 18px; }
html body .nd8__all { margin-top: 2px; }
html body .nd8__yard { margin-top: 26px; padding-top: 18px;
  border-top: 1px solid hsl(var(--hairline)); }
/* Двор остаётся одной строкой: там свойства дома, а не адресуемые места —
   одиннадцать строк по одному слову читались бы хуже. */
html body .nd8__yardline { margin: 6px 0 0; font-size: 14px; line-height: 1.6;
  color: hsl(var(--ink) / .62); }

/* [ПОДСКАЗКА 30.08] Строка под кнопкой раскрытия: кнопка называет число,
   но не говорит, что внутри — не знаешь, стоит ли открывать. Форма выбрана
   владельцем из трёх: словами, без чисел. */
html body .nd8__hint,
html body .am-hint { margin: 10px 0 0; font-size: 13px; line-height: 1.5;
  color: hsl(var(--ink) / .55); }

/* Значок группы на пяти видимых строках «Что рядом». Тот же стиль, что
   у удобств: обводка, 22 пикселя, цвет наследуется. Внутри раскрытого
   значков нет — там группы названы словами. */
html body .nd8__row { display: flex; align-items: flex-start; gap: 12px; }
html body .nd8__ico { width: 22px; height: 22px; flex: none; margin-top: 3px;
  color: hsl(var(--ink) / .7); }
html body .nd8__txt { min-width: 0; }
