/* BLS — «Аудит согласий на обработку ПДн»
   (/uslugi/autsorsing/personalnye-dannye/audit-soglasij/, макет
   docs/html-templates/BLS Аудит ПД.dc.html). Страница собрана на общем CSS
   типовых лендингов (bls-service-landing.css); здесь — только то, чего в нём
   нет: шапка «Контекста» в две колонки, 3/4 колонки у сеток, плашки штрафов
   в «Рисках», две панели «Что проверяем / Что получите». */

/* ── Навигация первого экрана: подчёркивание по ширине текста ────────────
   В общем CSS отступ между пунктами сделан padding-right, и линия при
   наведении выходит за текст. Здесь отступ — margin, шаг между пунктами
   тот же (28 + gap 4 = 32 px). */
.bls-svc-hero__subnav a { padding: 18px 0; margin-right: 28px; }

/* ── Контекст: заголовок + абзац, под ними цифры РКН ─────────────────── */
.bls-pdn-context { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 64px; align-items: start; margin-bottom: 52px; }
.bls-pdn-context .bls-section-title { margin: 0; text-wrap: balance; }
.bls-pdn-context .bls-underline { margin: 20px 0 0; }
.bls-pdn-context__txt { font-size: 17px; line-height: 1.65; color: #3a3a3a; margin: 0; text-wrap: pretty; }
.bls-pdn-context__txt strong { color: #1a1512; }
.bls-svc-law__grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.bls-svc-law__grid--cols-3 .bls-svc-law__card { padding: 36px 34px; }
.bls-svc-law__grid--cols-3 .bls-svc-law__txt { font-size: 15px; line-height: 1.55; color: #4a4a4a; }
.bls-pdn-context__num { margin-bottom: 14px; }

/* ── Риски: плашки сумм штрафов под текстом пункта ───────────────────── */
.bls-pdn-fines { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-top: 20px; }
.bls-pdn-fines__item { background: #f4f4f2; padding: 16px 18px; }
.bls-pdn-fines__sum { font-size: 22px; font-weight: 800; color: #3e1109; letter-spacing: -.01em; }
.bls-pdn-fines__lbl { font-size: 13px; line-height: 1.45; color: #5a5a5a; margin-top: 6px; }

/* ── Что проверяем (светлая панель) / Что получите (тёмная) ──────────── */
.bls-pdn-check { background: #f4f4f2; padding: 84px 0; font-family: 'Golos Text', system-ui, sans-serif; }
.bls-pdn-check__wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.bls-pdn-check__panel { background: #fff; padding: 44px 44px 40px; }
.bls-pdn-check__panel--dark { background: #271b19; }
.bls-pdn-check__title { font-size: 30px; font-weight: 800; margin: 0; text-transform: uppercase; color: #1a1512; line-height: 1.15; text-wrap: balance; }
.bls-pdn-check__panel--dark .bls-pdn-check__title { color: #fff; }
.bls-pdn-check__row { display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid #eee; }
.bls-pdn-check__panel--dark .bls-pdn-check__row { border-top-color: #3d302c; }
.bls-pdn-check__row p { font-size: 16px; line-height: 1.55; color: #2a2320; margin: 0; text-wrap: pretty; }
.bls-pdn-check__panel--dark .bls-pdn-check__row p { color: #e8e0da; }
.bls-pdn-check__mark { font-size: 15px; font-weight: 800; color: #eb732d; }
.bls-pdn-check__num { font-size: 13px; font-weight: 800; color: #a29a92; padding-top: 2px; }

/* ── Этапы и «Почему BLS» — по 4 карточки в ряд ──────────────────────── */
.bls-svc-project__grid--cols-4, .bls-svc-why__grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.bls-pdn-why__num { color: #3e1109; }
.bls-svc-why__card .bls-pdn-why__desc { margin-top: 16px; color: #4a4a4a; }

@media (max-width: 1100px) {
    .bls-svc-project__grid--cols-4, .bls-svc-why__grid--cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .bls-pdn-context, .bls-pdn-check__wrap, .bls-svc-law__grid--cols-3 { grid-template-columns: 1fr; }
    .bls-pdn-check__panel { padding: 34px 26px 30px; }
}
@media (max-width: 600px) {
    .bls-svc-project__grid--cols-4, .bls-svc-why__grid--cols-4 { grid-template-columns: 1fr; }
}