/* Страница /nedvizhimost/ (недвижимость, тикет 08, 22.10.2026) — поверх lending.css, токены оттуда.
   Своё: светофор итога (три лампы в корпусе, как первая строка заключения), лист заключения с пометками
   на полях, виды договоров, образец шапки агентства. 22.10.2026: лист с пометками и макет шапки заменены снимками
   настоящего PDF-заключения, добавлены иллюстрации и блок статей. */
:root {
  --zheltyj-tekst: #7A5300;
}

.nowrap { white-space: nowrap; }

/* форма: вид договора длиннее роли; с 1040 форма — узкая колонка, и «Наём (аренда) квартиры» в половине не помещался
   (замер 22.10: обрезан на 1040, впритык к стрелке на 1366) — там поля друг под другом */
@media (min-width: 760px) {
  .zakaz__polya { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
}
@media (min-width: 1040px) {
  .zakaz__polya { grid-template-columns: minmax(0, 1fr); }
}

/* первый экран до 1040: форма сразу после цены и строки о данных, легенда светофора — под формой
   (замер 22.10: на 390×844 форма начиналась на y=829). Ссылок в легенде нет — порядок табуляции совпадает с видимым */
@media (max-width: 1039px) {
  .geroj { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .geroj__tekst { display: contents; }
  .geroj .zakaz { order: 1; margin-top: 32px; }
  .svetofor__vvod, .svetofor { order: 2; }
  .svetofor__vvod { margin-top: 32px; }
}
/* «купли-продажи» не переносится: на 40px слово шире колонки 320-го экрана (301 из 288px) */
@media (max-width: 759px) {
  .geroj h1 { font-size: 34px; }
}
/* 320: «Предварительный договор» на 10px шире закрытого списка — поля формы чуть уже */
@media (max-width: 359px) {
  .zakaz { padding: 16px; }
  .zakaz .list__shapka { margin: -16px -16px 16px; padding: 12px 16px; }
  .pole select { padding-left: 8px; padding-right: 4px; }
}

/* светофор (лампы и легенда) с 28.10.2026 — в lending.css: он нужен и главной, и /razbor/ */

/* что проверяем: купля-продажа — главная строка, остальные тише */
.proveryaem { display: grid; gap: 40px; }
.proveryaem__vvod { max-width: 52ch; margin-bottom: 24px; font-size: 17px; }
.vidy { border-top: 2px solid var(--chernila); }
.vid { display: grid; gap: 6px; padding: 18px 0; border-bottom: 1px solid var(--liniya); }
.vid dt { font-size: 18px; font-weight: 600; line-height: 1.3; }
.vid dd { max-width: 62ch; font-size: 16px; color: var(--seryj); }
.vid--glavnyj dt { font-size: 22px; }
.vid--glavnyj dd { font-size: 17px; color: var(--chernila); }
.ne-proveryaem { display: grid; gap: 14px; align-content: start; padding: 28px 20px; }
.razdel .ne-proveryaem h3 { font-size: 22px; }
.ne-proveryaem ul { list-style: none; padding: 0; border-top: 1px solid var(--liniya); }
.ne-proveryaem li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--liniya); font-size: 16px; }
.ne-proveryaem__znak { font-family: var(--mashinka); color: var(--krasnyj); }
.ne-proveryaem p:last-child { font-size: 15px; color: var(--seryj); }


/* цена: «входит» и «бесплатно» тише цифры — с 28.10.2026 в lending.css (нужно и главной) */

/* риелторам: текст и снимок верха настоящего заключения с шапкой агентства */
.rieltoram { display: grid; gap: 40px; }
.razdel .rieltoram h2 { margin-bottom: 20px; }
.rieltoram__tekst p { max-width: 34em; margin-bottom: 16px; font-size: 17px; }
.rieltoram__tekst .knopka { margin-top: 12px; }

@media (min-width: 760px) {
  .vid { grid-template-columns: 200px minmax(0, 1fr); column-gap: 28px; }
  .ne-proveryaem { padding: 36px 40px; }
}

@media (min-width: 1040px) {
  .proveryaem { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); gap: 64px; align-items: start; }
  .rieltoram { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 72px; align-items: center; }
}

/* иллюстрации — штриховые, цвет печати на прозрачном фоне, как в «Как это работает» */
.geroj__kartinka { display: block; inline-size: 168px; block-size: auto; }
.ne-proveryaem__kartinka { display: block; inline-size: 132px; block-size: auto; margin: -8px 0 4px; }
.dannye__kartinka { display: block; inline-size: min(280px, 70%); block-size: auto; justify-self: center; align-self: center; }

/* пример: два листа PDF стопкой — сверху первая страница, за ней страница правок */
.primer { display: grid; gap: 40px; }
.primer__listy { position: relative; max-inline-size: 440px; padding: 0 44px 36px 0; }
.primer__list { display: block; inline-size: 100%; block-size: auto; border-radius: 3px;
  box-shadow: 0 1px 2px rgba(27, 36, 51, .08), 0 18px 40px -16px rgba(27, 36, 51, .30); }
.primer__list--zad { position: absolute; inset: 36px 0 0 44px; inline-size: calc(100% - 44px); }
.primer__listy .primer__list:not(.primer__list--zad) { position: relative; }
.primer__tekst > p { max-inline-size: 34em; font-size: 17px; }
.primer__punkty { list-style: none; padding: 0; margin: 20px 0 28px; border-top: 1px solid var(--liniya); }
.primer__punkty li { padding: 10px 0; border-bottom: 1px solid var(--liniya); font-size: 16px; max-inline-size: 60ch; }
.primer__punkty b { font-weight: 600; }
.razdel .primer__tekst h2 { margin-bottom: 16px; }

.obrazec__snimok { display: block; inline-size: 100%; max-inline-size: 520px; block-size: auto; }

/* статьи: обложка и заголовок, без пересказа — текст в самих статьях */
.stati-nedv__vvod { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: 32px; }
.razdel .stati-nedv__vvod h2 { margin-bottom: 0; }
.stati-kartochki { list-style: none; padding: 0; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
.stat-kartochka { position: relative; display: grid; align-content: start; background: var(--list); border-radius: 4px;
  box-shadow: 0 1px 2px rgba(27, 36, 51, .06), 0 10px 28px -16px rgba(27, 36, 51, .22); }
.stat-kartochka img { display: block; inline-size: 100%; block-size: auto; border-radius: 4px 4px 0 0; }
.stat-kartochka h3 { margin: 16px 18px 0; font-size: 17px; font-weight: 600; line-height: 1.3; }
.stat-kartochka p { margin: 6px 18px 18px; font: 400 13px/1.4 var(--mashinka); color: var(--seryj); }
.stat-kartochka a { color: var(--chernila); text-decoration: none; }
.stat-kartochka a::after { content: ""; position: absolute; inset: 0; }  /* вся карточка — ссылка */
.stat-kartochka:hover a { color: var(--pechat); text-decoration: underline; }
.stat-kartochka:has(a:focus-visible) { outline: 3px solid var(--pechat); outline-offset: 2px; }

@media (max-width: 1039px) {
  .geroj__kartinka { order: 3; margin-top: 28px; inline-size: 140px; }
}
@media (min-width: 640px) {
  .stati-kartochki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1040px) {
  /* ключи — справа от легенды светофора, легенда обтекает */
  .geroj__kartinka { float: right; margin: 8px 0 8px 20px; }
  .primer { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: 72px; align-items: center; }
  .stati-kartochki { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}