/* audiences.css — владелец: тикет 05. Другие тикеты сюда не пишут.
   Компоненти для трьох сторінок аудиторій («Інвестору», «Власнику»,
   «Партнеру») і трьох форм кваліфікації на них. Розширюють .deck-*
   (tokens.css), класи T01 (.entries, .page-section, .contact-grid) і
   класи T02/T04 (.lead-*, .flow--detailed, .check-list) — нової
   паралельної системи не заводимо. Кольори — тільки var(--deck-*). */

/* --- Двоколонковий варіант .entries для сегментів по двоє (O1/O2, P1/P2) --- */
.entries--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 640px) {
  .entries--2 { grid-template-columns: 1fr; }
}

/* --- Секція форми: редакторський розворот. Заголовок секції не висить над
   формою на всю ширину, а йде в ліву колонку разом із кроками і посиланнями;
   форма — праворуч. Так порожнеча праворуч від картки 640px у .wrap 1240px
   зникає конструктивно, а не затуляється декоративним блоком. --- */
.qualify-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 640px);
  gap: var(--deck-s-7);
  align-items: start;
}
@media (max-width: 900px) {
  .qualify-split { grid-template-columns: 1fr; gap: var(--deck-s-6); }
}
/* Заголовок усередині колонки: власний нижній відступ секції тут зайвий —
   ритм задає gap самої колонки. */
.qualify-split__intro .section-head { margin-bottom: var(--deck-s-5); }
.qualify-split__intro .section-head p.lead { max-width: none; }
.qualify-steps {
  list-style: none;
  margin: var(--deck-s-4) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--deck-s-4);
  counter-reset: qstep;
}
.qualify-steps li { position: relative; padding-left: 34px; color: var(--deck-text-2); font-size: 14.5px; line-height: 1.5; }
.qualify-steps li::before {
  counter-increment: qstep;
  content: counter(qstep);
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--deck-amber-wash);
  border: 1px solid var(--deck-amber-line);
  color: var(--deck-amber);
  font-family: var(--deck-font-mono);
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qualify-steps b { color: var(--deck-text); }
.qualify-split__links {
  margin-top: var(--deck-s-5);
  padding-top: var(--deck-s-4);
  border-top: 1px solid var(--deck-line);
  display: flex;
  flex-direction: column;
  gap: var(--deck-s-2);
  font-size: 14.5px;
}

/* --- FAQ: нативний <details>/<summary>, без JS --- */
.faq-list { display: flex; flex-direction: column; gap: var(--deck-s-3); margin-top: var(--deck-s-5); }
.faq-item {
  background: var(--deck-surface);
  border: 1px solid var(--deck-line);
  border-radius: var(--deck-r-md);
}
.faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: var(--deck-s-4) var(--deck-s-5);
  font-family: var(--deck-font-body);
  font-weight: 600;
  font-size: 16px;
  color: var(--deck-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "+";
  font-family: var(--deck-font-mono);
  color: var(--deck-amber);
  font-size: 20px;
  flex: none;
}
.faq-item[open] summary::after { content: "–"; }
.faq-item p {
  margin: 0 var(--deck-s-5) var(--deck-s-4);
  color: var(--deck-text-2);
  font-size: 15px;
  line-height: 1.6;
}

/* --- Явний розподіл витрат на OPEX і CAPEX (не одна цифра) --- */
.cost-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--deck-s-5);
  margin-top: var(--deck-s-5);
}
@media (max-width: 640px) {
  .cost-split { grid-template-columns: 1fr; }
}
.cost-split__col {
  display: flex;
  flex-direction: column;
  gap: var(--deck-s-2);
  padding: var(--deck-s-4);
  background: var(--deck-surface-2);
  border: 1px solid var(--deck-line);
  border-radius: var(--deck-r-md);
}
.cost-split__col .check-list { margin-top: var(--deck-s-2); }

/* --- Селект у формах кваліфікації: та сама рамка, що й .lead-field__input,
   плюс коректна темна колірна схема для рідного випадного списку --- */
select.lead-field__input {
  color-scheme: dark;
  cursor: pointer;
}

/* --- Підказка мінімального набору полів над формою кваліфікації --- */
.qualify-note {
  margin-bottom: var(--deck-s-4);
  color: var(--deck-text-2);
  font-size: 14px;
  line-height: 1.5;
}