/* ============================================================ ПМК — страница «Бизнес-план» (/biznes-plan/) ------------------------------------------------------------ Свёрстана 14.09.2026 по ТЗ страницы на языке главной. Новых дизайн-решений нет: каждый лист собран из словаря base.css и приёмов, принятых на главной. Компоненты, которые понадобились этой странице вторыми (.marshrut, .vrezka, .vyvod-stroka, .sek--vydel, .sek__telo--blizhe), переехали в base.css 14.09.2026 — здесь только раскладки листов. Адаптив сделан 14.09.2026 (четвёртая правка заказчика) по лестнице base.css: блок медиазапросов в конце файла; общие компоненты несут свой адаптив из base.css с главной. Фоны листов (пять состояний, смежные не совпадают): 01 fon-2 — 02 белый — 03 fon-2 — 04 белый — 05 sinij-fon — 06 белый — 07 fon-2 — 08 белый — подвал тёмный. Тёмных зон на странице нет — для неё не снимали фотографий, а тёмное на этом сайте даёт только снимок (ДИЗАЙН-СИСТЕМА 2.4). Акценты листов (1–2 на лист): 01 полоса фактов — 02 колонка ФРП на подложке — 03 числовой слой номеров разделов — 04 цитаты документа — 05 врезка «88» — 06 маршрут во всю ширину — 07 строка-вывод — 08 крупная кнопка. Версия 2 от 14.09.2026 — правки заказчика по тексту: колонка ФРП ушла на подложку, лист «Стоимость» снят целиком (его раскладка удалена отсюда), у листа 03 лизинговая оговорка и сноска заменены одной строкой-объяснением. ============================================================ */ /* ================= ЛИСТ 01 — Первый экран ================= Первая светлая витрина сайта: фотографий для страницы нет, тёмный экран без снимка запрещён (тёмное — только от фото), поэтому герой издательский — заголовок, лид, абзац, кнопки и полоса фактов по низу. Полоса фактов — язык главной (Geologica 34/300), на светлом фоне числа синие: «ключевые числа» — разрешённое применение акцента (ДИЗАЙН-СИСТЕМА 2.1). */ /* Первый экран занимает экран целиком — правка заказчика 14.09.2026: полоса структуры уходит за сгиб. Минимальная высота — минимум, а не жёсткая: на коротком окне содержимое просто выше экрана. Единица svh — как на главной и как предписывает ДИЗАЙН-СИСТЕМА 11.3. В ТЗ правки стояло dvh, и это была ошибка задания: dvh меняется, пока прячется адресная строка, и герой «дышит» прямо во время прокрутки. svh считается по окну С адресной строкой — низ не обрезается и ничего не скачет. Строка с vh — запас для старых браузеров. Содержание — в верхней половине, полоса фактов прижата к нижнему краю (margin-top:auto). */ /* Ручной перенос H1 (грабля склейки слов у display:none
): при автопереносе строка рвалась по дефису внутри «бизнес-плана». */ /* Полоса фактов: сетка 3×1fr, отделена линией, как на главной. Кегль 34 у всех трёх — каждый факт начинается числом. */ /* Отклик факта — как на главной: transform не двигает вёрстку */ /* Адаптив героя и раскладка полосы фактов живут в base.css (переезд 15.09.2026): они одинаковы на всех светлых страницах, и дубль правила здесь молча перебивал бы общее — файл страницы грузится позже. Своих правил у листа 01 не осталось. */ /* ================= ЛИСТ 02 — Четыре адресата ================= Первое живое применение .tabl (base.css): четыре адресата в столбцах, пять осей сравнения строками. Акцент листа — колонка ФРП: значения полужирно, заголовок колонки синим. Фиксированная раскладка: колонки адресатов равные, узкая первая — под короткие имена осей. */ .tabl--adresaty{table-layout:fixed} .tabl--adresaty thead th:first-child{width:15%} .tabl--adresaty tbody th{padding-right:16px} .tabl--adresaty thead th:last-child{width:26%} .tabl--adresaty td:last-child{font-weight:600} /* Все заголовки столбцов держатся низом ячейки: шапка ФРП выше остальных (в ней знак), а подписи «Банк»–«ФРП» стоят на одной линии. */ .tabl--adresaty thead th{vertical-align:bottom} /* Подложка колонки ФРП — правка заказчика 14.09.2026: полужирного начертания хватало на ближнем чтении, но взгляд на главный столбец не переключался. Токен --sinij-fon уже работает на этой странице (лист 05), нового цвета нет. Горизонтальные поля нужны только подложенной колонке: у .tabl правое поле ячейки нулевое, без них фон лип бы вплотную к тексту. Колонка шире остальных — в ней самые длинные значения, а поля съедают ширину. */ .tabl--adresaty td:last-child{background:var(--sinij-fon);padding-left:20px;padding-right:20px} /* Шапка колонки ФРП — тёмная плашка --sinij со светлым знаком фонда (четвёртая правка заказчика: «в область ФРП добавить логотип»). Знак светлый и живёт только на тёмном; плашка заодно закрывает требование «оси сильнее содержимого» для главного столбца. Красного рядом со знаком нет (ДИЗАЙН-СИСТЕМА 2.3). Отдельной подписи «ФРП» под знаком нет: словесная часть есть в самом знаке, и подпись читалась заиканием. Заголовок столбца несёт alt картинки. Знак прижат книзу ячейки — встаёт на одну линию с подписями «Банк», «Инвестор», «Грант». */ .tabl--adresaty thead th:last-child{background:var(--sinij);color:#fff;padding:16px 20px 12px} .tabl__frp-znak{display:block;height:24px;width:calc(24px * 3.06);overflow:hidden} .tabl__frp-znak img{width:100%;height:100%;object-fit:cover;object-position:left center} /* Разделители внутри подложки взяты на тон темнее (--linia вместо --linia-2): на подложке волосяная линия пропадала. Нижняя линия последней строки снята — её роль играет край подложки. */ .tabl--adresaty tbody td:last-child{border-bottom-color:var(--linia)} .tabl--adresaty tbody tr:last-child td:last-child{border-bottom-color:transparent;padding-bottom:20px} /* Отклик на строку: наведение ведёт взгляд по горизонтали (пять осей сравнения — строка здесь единица чтения, приём маршрута главной), а на ячейке ФРП встаёт вертикальный акцент — зона фонда читается при любом способе просмотра таблицы. Ни цвета, ни приёма нового: заливка --fon-2 и полоса --sinij уже работают на странице. */ .tabl--adresaty tbody tr{transition:background-color .2s ease} .tabl--adresaty tbody td{transition:box-shadow .2s ease} .tabl--adresaty tbody tr:hover{background-color:var(--fon-2)} .tabl--adresaty tbody tr:hover td:last-child{box-shadow:inset 3px 0 0 var(--sinij)} /* Заливка строки при наведении совпадает с заливкой оси (--fon-2): ось на подсвеченной строке не темнеет второй раз — она и так сильнее содержимого (правка 14.09.2026, оси теперь --chernila на --fon-2 из base.css). */ /* ================= ЛИСТ 03 — Структура шаблона ================= Нумерованный перечень: текст требует показать номера восьми разделов. Строки через волосяные линии + числовой слой Geologica 28/300 — словарь главной (номера шагов, строки аккордеона), нового приёма нет. Граница у первой строки прозрачная, не снята (грабля: минус 1px высоты). */ /* Перечень .razdely/.razdel ПЕРЕЕХАЛ в base.css 15.09.2026 — понадобился второй странице (/procedura/, лист 02). Правила, отклик, адаптив и тач уехали дословно, вид листа не менялся. */ /* Оговорка к перечню подаётся примечанием .primech (base.css): знак «!» и подложка --vnim-fon — правка заказчика 14.09.2026. Своих правил листу не нужно: ширину держит .uzko, отбивку — поле компонента. */ /* ================= ЛИСТ 04 — Из-за чего возвращают ================= Сетка 2×2 из плиток. Два столбца, а не четыре: в колонке ~285px дословная цитата первой плитки раскрывается на десять строк и не помещается в высоту плитки — замерено. Плитка landscape (576×400) вместо портрета образца: четырём плиткам в два ряда портрет дал бы лист на два экрана. Цитата внутри пояснения — типографикой цитаты документа, но на тёмном: опорная линия и текст светлые. */ /* Сетка .plitki ПЕРЕЕХАЛА в base.css 15.09.2026 (третья страница с плитками — /procedura/); здесь только колонки и высота листа. */ .vozvraty{grid-template-columns:repeat(2,minmax(0,1fr))} .vozvraty .plitka{height:400px} .citata{border-left:2px solid rgba(255,255,255,.28);padding-left:16px;margin-top:14px} .citata__metka{font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.6);margin-bottom:6px} /* Специфичность 0,2,0 — перебивает «.plitka__pojasnenie p» из base */ .plitka__pojasnenie .citata__tekst{font-size:15px;line-height:1.6;color:#fff;margin-top:0} /* ================= ЛИСТ 05 — Региональные фонды ================= Единственный выделенный лист страницы (--sinij-fon). Три плитки в ряд, пояснения короче, чем на листе 04, — плитка ниже. */ .regiony__sluchai{grid-template-columns:repeat(3,minmax(0,1fr))} .regiony__sluchai .plitka{height:380px} .regiony__deystvie{margin-top:36px} /* ================= ЛИСТ 06 — Порядок работ ================= Маршрут (base.css) с двумя ролями в шаге: предприятие — строкой описания, ПМК — плашкой по наведению, как на главной. Колонки срока нет — сроки задаёт процедура фонда, а не мы. Подзаголовка у листа нет, но маршрут стоит не вплотную: на главной зазор давала строка источника (28px + свои поля), здесь его держит отступ. Правило .marshrut--otstup ПЕРЕЕХАЛО в base.css 15.09.2026 — им пользуются уже три страницы. */ /* ================= ЛИСТ 08 — Форма ================= Форма без колонки контактов (отличие от главной — правило трёх отличий): контакты живут в подвале строкой ниже. Поле «регион» стоит одно в ряду — хвост нечётного числа полей, не дыра. Обёртка .zayavka__forma ПЕРЕЕХАЛА в base.css 15.09.2026 — ею пользуются уже три страницы. */ /* ============================================================ АДАПТИВ — по лестнице base.css (1024 / 768 / 480), свои брейкпоинты не заводятся. Сделан 14.09.2026 вместе с четвёртой правкой заказчика; до этого страница была только десктопной. Общие компоненты (карточки, ряд со снимком, маршрут, примечание, форма, полоса структуры, таблица в раме) несут адаптив из base.css — здесь только страничные раскладки. ============================================================ */ @media (max-width:480px){ /* Кегль ниже общей ступени (29): «Разработка бизнес-плана» при 29px не влезает в 360 и рвётся по дефису — приём главной (там 24px по той же причине) */ .geroy h1{font-size:24px} } /* ── ЛИСТ 05 — Кнопка листа на всю ширину, как прочие кнопки ── */ @media (max-width:480px){ .regiony__deystvie .knopka{display:block;text-align:center} } /* ── Тач: ховера нет — сдвиги, подъёмы и подсветки гасим, как в base.css для общих компонентов; раскрытий за наведением на странице нет (плашку маршрута base показывает сразу) ── */ @media (hover:none){ /* Правила .razdel уехали в base.css вместе с компонентом. Подсветка строки таблицы — чистый отклик, содержимого не несёт: на тач гасим, чтобы не залипала после тапа */ .tabl--adresaty tbody tr:hover{background-color:transparent} .tabl--adresaty tbody tr:hover td:last-child{box-shadow:none} } /* ── Адаптив листов с плитками. Сетку ведём здесь, компонент в base.css отвечает только за внутреннее устройство плитки. На тач панель стоит в потоке (правило base), высота плитки перестаёт быть постоянной — минимумы снимаем, иначе низкие плитки тянутся пустотой ── */ @media (max-width:1024px){ .regiony__sluchai{grid-template-columns:repeat(2,minmax(0,1fr))} .regiony__sluchai .plitka:last-child{grid-column:1/-1} } /* На тач пояснение открыто всегда (правило base) — высота плитки перестаёт быть постоянной, жёсткие высоты снимаем, иначе текст упрётся в низ кадра. Минимум оставляем: кадру нужен рост. */ @media (max-width:768px){ .vozvraty,.regiony__sluchai{grid-template-columns:1fr} .regiony__sluchai .plitka:last-child{grid-column:auto} .vozvraty .plitka,.regiony__sluchai .plitka{height:auto;min-height:340px} }