/* BLS — страница «Аутсорсинг кадрового администрирования»
   (/uslugi/autsorsing/kadrovoe-administrirovanie-i-voinskij-uchet/).
   Макет: docs/html-templates/BLS Аутсорсинг кадрового администрирования.dc.html.
   Основа — inc/css/bls-prime.css (та же дизайн-система); здесь только блоки,
   которых нет на «Комплексном продукте». Значения перенесены из inline-стилей
   макета. Подключается только на этой странице (inc/styles_scripts.php). */

/* ── Общие ────────────────────────────────────────────────────────── */
.bls-kadry-btn-ghost { display: inline-block; border: 1px solid #d8cfc8; background: #fff; color: #2a2320; padding: 14px 30px; font-size: 15px; line-height: 1.3; font-weight: 700; text-align: center; transition: border-color .15s, color .15s; }
.bls-kadry-btn-ghost:hover { border-color: #3e1109; color: #3e1109; }
.bls-kadry-btn-ghost:focus-visible { outline: 2px solid #3e1109; outline-offset: 3px; }
.bls-kadry-btn-ghost--block { display: block; width: 100%; margin-top: 12px; padding: 16px 24px; }
.bls-kadry-note { font-size: 14px; line-height: 1.5; color: #6e6a66; margin: 20px 0 0; }

/* ── 1 · Hero: полоса доверия ─────────────────────────────────────── */
.bls-kadry .bls-prime-hero__note { margin-bottom: 0; }
.bls-kadry-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(46%, 220px), 1fr)); gap: 0 24px; margin-top: clamp(36px, 4vw, 56px); border-top: 1px solid #eee; }
.bls-kadry-trust__i { padding: 20px 0 22px; display: flex; flex-direction: column; gap: 4px; }
.bls-kadry-trust__n { font-size: 20px; font-weight: 800; color: #271b19; line-height: 1.2; }
.bls-kadry-trust__l { font-size: 13px; line-height: 1.45; color: #6b625c; }

/* ── 3 · Где прячутся риски ───────────────────────────────────────── */
.bls-kadry-risk { background: #fff; padding: 28px 30px 30px; display: grid; grid-template-columns: 40px 1fr; gap: 18px; align-items: start; border: 1px solid transparent; transition: border-color .15s; }
.bls-kadry-risk:hover { border-color: #d8cfc8; }
.bls-kadry-risk__ic { width: 40px; height: 40px; background: #f4f4f2; color: #3e1109; display: flex; align-items: center; justify-content: center; }
.bls-kadry-risk h3 { font-size: 18px; line-height: 1.3; font-weight: 800; color: #1c1c1c; margin: 0 0 10px; text-wrap: pretty; text-transform: none; }
.bls-kadry-risk p { font-size: 15px; line-height: 1.55; color: #6e6a66; margin: 0; text-wrap: pretty; }
.bls-kadry-band { margin-top: 24px; background: #271b19; padding: 28px 32px; display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; justify-content: space-between; }
.bls-kadry-band p { margin: 0; flex: 1 1 520px; font-size: clamp(18px, .5vw + 15px, 22px); line-height: 1.4; font-weight: 800; color: #fff; text-wrap: balance; }
.bls-kadry-band a { flex: none; display: inline-flex; align-items: center; min-height: 44px; color: #eb732d; font-size: 15px; font-weight: 700; }
.bls-kadry-band a:hover { color: #fff; }

/* ── 4 · Как работаем: этапы ──────────────────────────────────────── */
.bls-kadry-stage { background: #f4f4f2; border-top: 4px solid transparent; padding: 32px 30px 34px; display: flex; flex-direction: column; }
.bls-kadry-stage--last { border-top-color: #eb732d; }
.bls-kadry-stage__head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.bls-kadry-stage__kind { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #a29a92; }
.bls-kadry-stage h3 { font-size: 22px; line-height: 1.25; font-weight: 800; color: #1c1c1c; margin: 0 0 14px; text-transform: none; }
.bls-kadry-stage__lbl { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #a29a92; margin: 0 0 6px; }
.bls-kadry-stage__lbl--dark { color: #3e1109; }
.bls-kadry-stage__do { font-size: 15px; line-height: 1.6; color: #4a4a4a; margin: 0 0 20px; text-wrap: pretty; }
.bls-kadry-stage__get { margin-top: auto; padding-top: 18px; border-top: 1px solid #e0dad3; display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: baseline; }
.bls-kadry-stage__get > span { font-size: 16px; font-weight: 800; color: #eb732d; }
.bls-kadry-stage__res { font-size: 15px; line-height: 1.55; color: #1c1c1c; font-weight: 600; margin: 0; text-wrap: pretty; }

/* ── 5 · Что берём на себя ────────────────────────────────────────── */
.bls-kadry-scope { background: #fff; padding: 34px 32px 30px; border-top: 4px solid #271b19; }
.bls-kadry-scope__head { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; }
.bls-kadry-scope__ic { width: 46px; height: 46px; background: #f4f4f2; color: #3e1109; display: flex; align-items: center; justify-content: center; flex: none; }
.bls-kadry-scope h3 { font-size: 22px; line-height: 1.25; font-weight: 800; color: #1c1c1c; margin: 0; text-transform: none; }
.bls-kadry-scope__i { display: grid; grid-template-columns: 22px 1fr; gap: 12px; padding: 14px 0; border-top: 1px solid #eee; align-items: baseline; }
.bls-kadry-scope__i > span { font-size: 15px; font-weight: 800; color: #eb732d; }
.bls-kadry-scope__i p { font-size: 16px; line-height: 1.55; color: #1c1c1c; margin: 0; text-wrap: pretty; }
.bls-kadry-dark2 { margin-top: 24px; background: #271b19; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.bls-kadry-dark2 > div { padding: 24px 32px; display: flex; flex-direction: column; gap: 6px; }
.bls-kadry-dark2 > div + div { border-left: 1px solid rgba(255,255,255,.1); }
.bls-kadry-dark2 p { margin: 0; font-size: 16px; line-height: 1.55; color: #fff; text-wrap: pretty; }

/* ── 6 · Сравнение: в макете таблица на белом фоне ────────────────── */
.bls-kadry .bls-prime-cmp { background: #fff; padding: 0; }
/* Столбец BLS без рамки (решение 27.10.2026) — выделен только тёмной шапкой */
.bls-kadry .bls-prime-cmp__prime,
.bls-kadry .bls-prime-cmp__row:last-child > .bls-prime-cmp__prime { border-left: 0; border-right: 0; border-bottom: 0; }
.bls-kadry .bls-prime-cmp__row--head > .bls-prime-cmp__prime { border: 0; }
/* Подсветка строки при наведении */
@media (min-width: 768px) {
    /* отступ слева, чтобы подсветка не начиналась вплотную к тексту */
    .bls-kadry .bls-prime-cmp__k { padding-left: 20px; }
}
@media (hover: hover) and (min-width: 768px) {
    .bls-kadry .bls-prime-cmp__row:not(.bls-prime-cmp__row--head) > div { transition: background .15s; }
    .bls-kadry .bls-prime-cmp__row:not(.bls-prime-cmp__row--head):hover > div { background: #f4f4f2; }
}

/* ── 8 · Команда ──────────────────────────────────────────────────── */
.bls-kadry-team { position: relative; }
.bls-kadry-team__line { position: absolute; left: 8%; right: 8%; top: 55px; border-top: 2px solid #e0dad3; }
.bls-kadry-team .bls-prime-grid { position: relative; }
.bls-kadry-team__card { background: #fff; border: 1px solid #e6e2dc; padding: 32px 30px 34px; transition: border-color .15s; }
.bls-kadry-team__card:hover { border-color: #3e1109; }
.bls-kadry-team__mono { width: 46px; height: 46px; background: #271b19; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; letter-spacing: .04em; margin-bottom: 22px; }
.bls-kadry-team__mono--accent { background: #eb732d; }
.bls-kadry-team__card h3 { font-size: 20px; line-height: 1.3; font-weight: 800; color: #1c1c1c; margin: 0 0 12px; text-transform: none; }
.bls-kadry-team__card p { font-size: 15px; line-height: 1.6; color: #5a5a5a; margin: 0; text-wrap: pretty; }
.bls-kadry-service { margin-top: 24px; background: #f4f4f2; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.bls-kadry-service__i { padding: 24px 28px; display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: baseline; }
.bls-kadry-service__i > span { font-size: 16px; font-weight: 800; color: #eb732d; }
.bls-kadry-service__i p { margin: 0; font-size: 15px; line-height: 1.55; color: #1c1c1c; font-weight: 600; text-wrap: pretty; }

/* ── 9 · Кому подходит: ссылка в тексте ───────────────────────────── */
.bls-kadry-check-link a { color: #3e1109; font-weight: 700; }
.bls-kadry-check-link a:hover { color: #eb732d; }

/* ── 10 · Больше, чем кадры ───────────────────────────────────────── */
.bls-kadry-more { padding: clamp(40px, 4.4vw, 64px) 0; background: #fff; }
.bls-kadry-more__box { border: 1px solid #e6e2dc; border-left: 4px solid #eb732d; padding: clamp(24px, 2.6vw, 36px) clamp(20px, 2.8vw, 40px); display: flex; flex-wrap: wrap; gap: 20px 48px; align-items: center; }
.bls-kadry-more__txt { flex: 1 1 520px; min-width: 0; }
.bls-kadry-more__txt h2 { font-size: clamp(20px, .6vw + 16px, 24px); line-height: 1.25; font-weight: 800; color: #1c1c1c; margin: 0 0 10px; text-transform: none; text-align: left; }
.bls-kadry-more__txt p { font-size: 15px; line-height: 1.6; color: #4a4a4a; margin: 0; text-wrap: pretty; }
.bls-kadry-more__links { flex: 0 1 auto; display: grid; grid-template-columns: repeat(2, auto); gap: 4px 32px; }
.bls-kadry-more__links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 700; color: #3e1109; white-space: nowrap; }
.bls-kadry-more__links a:hover { color: #eb732d; }

/* ── 11 · Почему BLS ──────────────────────────────────────────────── */
.bls-kadry-why { border-top: 1px solid #eee; }
.bls-kadry-expert { margin-top: 56px; }
.bls-kadry-expert .bls-prime-expert__body { display: flex; flex-direction: column; justify-content: center; }

@media (max-width: 767px) {
    .bls-kadry .bls-prime-hero__cta .bls-kadry-btn-ghost { width: 100%; }
    .bls-kadry-dark2 > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
    .bls-kadry-team__line { display: none; }
    .bls-kadry-more__links { grid-template-columns: 1fr; }
    .bls-kadry-band { padding: 24px 22px; }
}