/* «Компаниям» /biznes/kompaniyam/ (дизайн v3, перенос 07.11.2026). Подключается после site.css и biznes.css.
   Здесь же блок «страница компании по поиску» и пример ответа ИИ-гида: их использует и «Возможности» (css/vozmozhnosti.css
   подключается после этого файла). Стили из макета _mockups/biznes/kompaniyam.css (общие k-, обложка kb-, v3 k3-, макет карточки kpv-). */

/* ---------- Общее ---------- */
.k-sec { padding-block: clamp(56px, 7vw, 96px); background: var(--bg); }
.k-sec--tint { background: var(--tint); }
.k-sec h2 { font-size: clamp(30px, 3.6vw, 46px); line-height: 1.02; letter-spacing: -.04em; }
.k-head p { max-width: 60ch; margin-top: 12px; font-size: 16px; line-height: 1.5; color: var(--ink-2); }
.cite { white-space: nowrap; }
.k-sec .k-act--end { margin-top: 28px; }
.k-after { max-width: 68ch; margin-top: 28px; font-size: 15px; line-height: 1.5; color: var(--ink-2); }

/* вопросы: те же .qa, что на главной «Бизнеса»; первый открыт */
.k-faq .fq__l { margin-top: 28px; }
.k-faq .qa[open] summary { color: var(--navy); }
.k-faq .v2__head { margin-bottom: 0; }

/* ---------- Обложка: тёмно-синяя, справа путь компании по странице ---------- */
.kb-hero { padding-block: 0 clamp(44px, 5.4vw, 80px); background: var(--navy); color: #fff; }
/* ссылка возврата внутри обложки, сверху (07.11) */
.kb-hero__top + .kb-hero__in { margin-top: clamp(20px, 3vw, 40px); }
.kb-hero__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 4vw, 72px); align-items: start; }
.kb-hero h1 { max-width: 10em; hyphens: manual; font-size: clamp(36px, 4.3vw, 58px); line-height: 1; letter-spacing: -.045em; color: #fff; }
.kb-hero__sub { max-width: 30em; margin-top: 20px; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.5; color: rgba(255, 255, 255, .9); }
.kb-hero .k-act { margin-top: 28px; }
.kb-hero .k-link { color: #fff; text-decoration-color: rgba(255, 255, 255, .55); }
.kb-hero .k-link:hover { text-decoration-color: #fff; }
.kb-hero :focus-visible { outline-color: #fff; }
.k3-path ol { margin-top: 10px; }
.k3-path .kb-who__go .i { transform: rotate(90deg); }

/* ---------- Кто может участвовать: плашки-условия лесенкой ---------- */
.kb-pl { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.kb-pl li { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; max-width: 100%; padding: 13px 22px 14px; border-radius: var(--r-lg); background: var(--tint); }
/* лесенка, как у плашек Островка, но без наклона: чётные чуть правее */
.kb-pl li:nth-child(even) { max-width: calc(100% - 44px); margin-left: 44px; }
.kb-pl b { font: 700 18px/1.3 var(--display); letter-spacing: -.015em; color: var(--navy); }
.kb-pl span { font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.kb-pl li.kb-pl--soft { background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--tint-2); }

/* ---------- Страница компании по поиску, пример ответа ИИ-гида, кабинет ---------- */
.kpv { margin: 0; }
.kpv__g { display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); grid-template-rows: repeat(7, auto); }
.kpv__g > :nth-child(2), .kpv__g > :nth-child(3) { grid-row: 1; }
.kpv__g > :nth-child(4), .kpv__g > :nth-child(5) { grid-row: 2; }
.kpv__g > :nth-child(6), .kpv__g > :nth-child(7) { grid-row: 3; }
.kpv__g > :nth-child(8), .kpv__g > :nth-child(9) { grid-row: 4; }
.kpv__g > :nth-child(10), .kpv__g > :nth-child(11) { grid-row: 5; }
.kpv__g > :nth-child(12), .kpv__g > :nth-child(13) { grid-row: 6; }
.kpv__g > :nth-child(14), .kpv__g > :nth-child(15) { grid-row: 7; }
.kpv__bg { grid-column: 1; grid-row: 1 / -1 !important; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
.kpv__r { grid-column: 1; position: relative; min-width: 0; padding: 14px 22px; }
.kpv__r--top { padding-top: 18px; padding-bottom: 6px; }
.kpv__r--end { padding-bottom: 20px; }
.kpv__n { grid-column: 2; position: relative; align-self: start; padding: 13px 0 8px 36px; font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.kpv__n::before { content: ""; position: absolute; left: 0; top: 22px; width: 26px; height: 1.5px; background: var(--sea); }
.kpv__n::after { content: ""; position: absolute; left: -4px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--sea); box-shadow: 0 0 0 3px var(--tint); }
.kpv__n b { display: block; margin-bottom: 1px; font-weight: 600; color: var(--ink); }
.kpv__r--top + .kpv__n { padding-top: 15px; }
.kpv__r--top + .kpv__n::before { top: 24px; } .kpv__r--top + .kpv__n::after { top: 21px; }
.kpv__head { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 0 16px; align-items: start; }
.kpv__ph { margin: 0; }
.kpv__ph img { width: 104px; height: 78px; border-radius: var(--r-sm); object-fit: cover; background: var(--photo); }
.kpv__ph figcaption { margin-top: 4px; font-size: 11.5px; line-height: 1.3; color: var(--muted); }
.kpv__name { font: 800 23px/1.1 var(--display); letter-spacing: -.025em; }
.kpv__kind { margin-top: 4px; font-size: 14px; color: var(--ink-2); }
.kpv__flags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.status--ghost { background: transparent; color: var(--muted); box-shadow: inset 0 0 0 1.5px var(--control); }
.kpv__dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 18px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14.5px; line-height: 1.4; }
.kpv__dl dt { color: var(--muted); }
.kpv__dl dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.kpv__dl a { color: var(--sea); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.kpv__src { font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.kpv__ai { padding: 12px 14px; border-radius: var(--r-md); background: var(--sunk); }
.kpv__ai p:first-child { font: 700 15px/1.3 var(--display); letter-spacing: -.01em; }
.kpv__ai p + p { margin-top: 4px; font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.kpv__fix { display: flex; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; }
.kpv__fix .i { color: var(--muted); }
.kpv__fix a { color: var(--ink-2); text-decoration: underline; text-decoration-color: var(--control); text-underline-offset: 3px; }
.kpv > figcaption { max-width: 400px; margin-top: 12px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.ka-ex { margin: 0; padding: 20px; border-radius: var(--r-lg); background: var(--tint); }
.ka-ex > figcaption { margin-top: 14px; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.ka-chat { display: grid; gap: 12px; font-size: 14.5px; line-height: 1.5; }
.ka-chat__u { justify-self: end; max-width: 88%; padding: 10px 14px; border-radius: 18px 18px 4px 18px; background: var(--surface); font-weight: 500; }
.ka-chat__g { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: start; }
.ka-chat__g .ava { background: var(--navy); }
.ka-chat__src { display: grid; gap: 3px; padding-top: 10px; border-top: 1px solid var(--tint-2); font-size: 12.5px; color: var(--ink-2); }
.ka-chat__src span { display: flex; align-items: center; gap: 6px; }
.ka-chat__src .cite { background: var(--surface); }
.ka-empty p:first-child { font: 700 18px/1.25 var(--display); letter-spacing: -.015em; color: var(--navy); }
.ka-empty p + p { margin-top: 8px; font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.ka-empty .k-link { display: inline-block; margin-top: 14px; font-size: 15px; }
.k3-path a { grid-template-columns: 34px minmax(0, 1fr) 40px; align-items: start; }
.k3-path a > span:first-child { display: block; }
.k3-path a > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.k3-path a > .kb-who__go { align-self: center; }
.k3-path__n { padding-top: 1px; font: 800 24px/1 var(--display); letter-spacing: -.03em; color: var(--on-navy-2); }
.k3-about { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px clamp(32px, 5vw, 88px); align-items: start; }
.k3-lead { max-width: 32em; margin-top: 18px; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.45; color: var(--ink); }
.k3-about__p { max-width: 38em; margin-top: 14px; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.k3-about__who { max-width: 38em; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.k3-about__who b { color: var(--ink); font-weight: 600; }
.k3-about__links { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 12px; }
.k3-about__pr { padding: 24px 26px 10px; border-radius: var(--r-lg); background: var(--tint); }
.k3-about__pr h3 { font-size: 22px; letter-spacing: -.02em; color: var(--navy); }
.k3-about__pr ul { margin-top: 10px; }
.k3-about__pr li { padding-block: 13px; border-top: 1px solid var(--tint-2); font-size: 15.5px; line-height: 1.5; color: var(--ink-2); }
.k3-about__pr li:first-child { border-top: 0; }
.k3-about__pr li b { display: block; font: 700 17px/1.3 var(--display); letter-spacing: -.01em; color: var(--ink); }
.k3-types { margin-top: 28px; }
.k3-types li { display: grid; grid-template-columns: minmax(0, 3.2fr) minmax(0, 5fr) minmax(0, 3fr); gap: 4px 32px; align-items: baseline; padding-block: 18px; border-top: 1px solid var(--tint-2); }
.k3-types li:first-child { border-top: 2px solid var(--navy); }
.k3-types li:last-child { border-bottom: 1px solid var(--tint-2); }
.k3-types b { font: 800 20px/1.2 var(--display); letter-spacing: -.02em; color: var(--navy); }
.k3-types span { font-size: 16px; line-height: 1.5; color: var(--ink-2); }
.k3-types small { font-size: 13.5px; line-height: 1.45; color: var(--muted); }
.k3-types small a { color: var(--sea); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.k3-kto { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 20px clamp(32px, 5vw, 80px); align-items: start; margin-top: clamp(40px, 5vw, 64px); }
.k3-kto h3 { font-size: clamp(24px, 2.4vw, 30px); letter-spacing: -.03em; }
.k3-find { max-width: 1000px; margin-top: 28px; }
.k3-find__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 250px) auto; gap: 12px; align-items: end; }
.k3-find__l { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--ink-2); }
.k3-find .cbx { height: 56px; }
.k3-sel { width: 100%; height: 56px; padding: 0 14px; border: 1.5px solid var(--control); border-radius: var(--r-sm); background: var(--surface); color: var(--ink); font: 400 16px/1.2 var(--text); }
.k3-sel:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; border-color: var(--focus); }
.k3-find__b { min-height: 56px; }
.k3-find__h { margin-top: 10px; font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.k3-find__s { min-height: 1.5em; margin-top: 6px; font-size: 15px; line-height: 1.5; font-weight: 600; color: var(--ink); }
.k3-find .cbx__l li small { font-variant-numeric: tabular-nums; }
.k3-look { display: grid; grid-template-columns: minmax(0, 690px) minmax(0, 1fr); gap: 28px clamp(28px, 3.4vw, 48px); align-items: start; margin-top: 20px; }
.k3-look > .kpv, .k3-look > .k3-msg { grid-column: 1; }
.k3-msg { padding: 22px 24px; border-radius: var(--r-lg); background: var(--tint); }
.k3-msg:focus { outline: none; }
.k3-msg p { max-width: 60ch; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.k3-msg p:first-child { font: 700 19px/1.3 var(--display); letter-spacing: -.015em; color: var(--ink); }
.k3-msg p + p { margin-top: 8px; }
.k3-msg a { color: var(--sea); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.k3-msg button { margin-top: 14px; padding: 0; border: 0; background: none; color: var(--sea); font: 600 15px/1.4 var(--text); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.kpv__ph--none { width: 104px; height: 78px; display: grid; place-items: center; border-radius: var(--r-sm); background: var(--tint); color: var(--sea); }
.kpv__ph--none .i { width: 28px; height: 28px; stroke-width: 1.5; }
.kpv__legal { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.35; color: var(--muted); overflow-wrap: anywhere; }
.status--off { background: var(--warn-soft); color: var(--warn); }
.k3-chat { align-self: start; }
.k3-chat__h { margin-bottom: 14px; font: 700 16px/1.3 var(--display); letter-spacing: -.01em; color: var(--navy); }
.k3-chat__none { font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.k3-plan { display: inline-flex; align-items: flex-start; gap: 8px; max-width: 64ch; margin-top: 16px; padding: 10px 14px; border-radius: var(--r-sm); background: var(--surface); font-size: 14.5px; line-height: 1.45; color: var(--ink); }
.k3-plan .i { margin-top: 2px; color: var(--sea); }
.k3-kab { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px clamp(32px, 5vw, 80px); align-items: start; margin-top: 32px; }
.k3-kab h3 { font-size: 21px; letter-spacing: -.02em; }
.k3-kab__own dl { display: grid; grid-template-columns: minmax(0, 180px) minmax(0, 1fr); margin-top: 14px; border-top: 2px solid var(--navy); }
.k3-kab__own dt, .k3-kab__own dd { margin: 0; padding-block: 13px; border-bottom: 1px solid var(--tint-2); }
.k3-kab__own dt { padding-right: 16px; font: 700 16px/1.35 var(--display); letter-spacing: -.01em; color: var(--ink); }
.k3-kab__own dd { font-size: 15.5px; line-height: 1.45; color: var(--ink-2); }
.k3-kab__fix { padding: 22px 24px; border-radius: var(--r-lg); background: var(--surface); }
.k3-kab__fix ul { margin-top: 10px; }
.k3-kab__fix li { padding-block: 11px; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.k3-kab__fix li:first-child { border-top: 0; }
.k3-kab__fix li b { color: var(--ink); font-weight: 600; }
.k3-kab__note { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.5; color: var(--muted); }

@media (max-width: 1080px) {
  .ka-ex { max-width: 560px; }
  .k3-about, .k3-kab, .k3-kto { grid-template-columns: minmax(0, 1fr); }
  .k3-look { grid-template-columns: minmax(0, 1fr); }
  .k3-look > .k3-chat { max-width: 690px; }
  .k3-types li { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
  .k3-types small { grid-column: 2; }
}

@media (max-width: 760px) {
  .kpv__g { display: block; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); }
  .kpv__bg { display: none; }
  .kpv__r { padding: 12px 16px 8px; }
  .kpv__r--top { padding-top: 16px; }
  .kpv__n { margin: 0 12px 4px; padding: 8px 12px; border-radius: var(--r-sm); background: var(--tint); font-size: 13px; }
  .kpv__n:last-child { margin-bottom: 14px; }
  .kpv__n::before, .kpv__n::after { display: none; }
  .kpv__r--top + .kpv__n { padding-top: 8px; }
  .kpv__head { grid-template-columns: 84px minmax(0, 1fr); gap: 0 12px; }
  .kpv__ph img { width: 84px; height: 64px; }
  .kpv__name { font-size: 20px; }
  .kpv__dl { gap: 6px 14px; font-size: 14px; }
  .ka-ex { padding: 16px; }
  .k3-path a { grid-template-columns: 26px minmax(0, 1fr) 36px; }
  .k3-path__n { font-size: 20px; }
  .k3-about__pr { padding: 18px 18px 6px; }
  .k3-types li { grid-template-columns: minmax(0, 1fr); gap: 4px; padding-block: 16px; }
  .k3-types small { grid-column: 1; }
  .k3-types b { font-size: 19px; }
  .k3-find__row { grid-template-columns: minmax(0, 1fr) auto; }
  .k3-find__q { grid-column: 1 / -1; }
  .k3-find .cbx { height: 52px; }
  .k3-sel, .k3-find__b { height: 52px; min-height: 52px; }
  .k3-find__b { padding: 0 20px; }
  .k3-msg { padding: 18px; }
  .k3-kab__own dl { grid-template-columns: minmax(0, 1fr); }
  .k3-kab__own dt { padding-bottom: 2px; border-bottom: 0; }
  .k3-kab__own dd { padding-top: 0; }
  .k3-kab__fix { padding: 18px; }
}

@media (max-width: 1080px) {
  .kb-hero__in { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .kb-hero h1 { font-size: clamp(32px, 9vw, 40px); }
  .kb-hero__sub { margin-top: 14px; font-size: 16px; }
  .kb-hero .k-act { margin-top: 22px; }
  .kb-pl li { display: grid; gap: 2px; padding: 12px 16px; }
  .kb-pl li:nth-child(even) { max-width: 100%; margin-left: 0; }
}