/* RD11, правки вёрстки 18.10.2026 (координатор). Подключается последним в strategy.html (repl-95-css.json). */

/* 1. Блок 00, «Все варианты: IRR проекта и владельца» – таблица во всю ширину без прокрутки.
   capex-readability.css задаёт таблицам 16px !important, поэтому здесь – та же сила и выше специфичность. */
@media (min-width: 761px) {
  #strategy-answer .s00-sp-variants-scroll { overflow-x: visible; }
  #strategy-answer table.s00-sp-variants-table { min-width: 0 !important; width: 100% !important; table-layout: fixed !important; }
  #strategy-answer table.s00-sp-variants-table thead tr:first-child th:first-child { width: 13% !important; }
  #strategy-answer table.s00-sp-variants-table thead tr:first-child th:nth-child(2) { width: 8.5% !important; }
  #strategy-answer table.s00-sp-variants-table thead tr:first-child th:last-child { width: 9.5% !important; }
  #strategy-answer table.s00-sp-variants-table .s00-hz-proj { font-size: 13px !important; white-space: nowrap !important; }
  #strategy-answer table.s00-sp-variants-table :is(th, td) {
    font-size: 12.5px !important; line-height: 1.3 !important; padding: 6px 3px !important; white-space: normal !important;
  }
  #strategy-answer table.s00-sp-variants-table thead th {
    font-size: 10px !important; letter-spacing: 0.02em !important; padding: 5px 3px !important;
  }
  #strategy-answer table.s00-sp-variants-table thead tr:nth-child(2) th { font-size: 9.5px !important; padding: 3px 2px !important; }
  #strategy-answer table.s00-sp-variants-table tbody th[scope="row"] {
    width: auto !important; min-width: 0 !important; padding-left: 6px !important;
  }
  #strategy-answer table.s00-sp-variants-table .s00-hz-v { min-width: 0; width: 100%; padding: 3px 2px; }
  #strategy-answer table.s00-sp-variants-table .s00-hz-owner { font-size: 10px !important; }
  #strategy-answer table.s00-sp-variants-table td:nth-child(2) { white-space: nowrap !important; }
  #strategy-answer table.s00-sp-variants-table td > span:not(.s00-hz-v) { font-size: 12.5px !important; }
  #strategy-answer table.s00-sp-variants-table .s00-hz-v.is-none .s00-hz-proj { white-space: normal !important; font-size: 11px !important; }
  #strategy-answer table.s00-sp-variants-table .s00-hz-dot { margin-right: 5px; }
}

/* 2. Все спойлеры – как образцовый спойлер блока 00 (details.capex-spoiler-details):
   рамка #b8d5c3, радиус 6px, светло-зелёная шапка 14px 20px, заголовок 18px/700, шеврон 18px #2e5c3e справа, тело 24px 28px 32px. */
.strategy-r03 details:is(.deck-spoiler, .strategy-detail) {
  display: block; margin: 20px 0 28px; padding: 0; background: #fff;
  border: 1px solid #b8d5c3 !important; border-radius: 6px; box-shadow: 0 1px 4px rgba(18, 29, 23, 0.04); overflow: hidden;
}
.strategy-r03 details:is(.deck-spoiler, .strategy-detail) > summary {
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 !important; padding: 14px 20px !important; background: #eaf3ed !important; border: 0 !important; border-radius: 0 !important;
  cursor: pointer; list-style: none;
  font-size: clamp(18px, 1.25vw, 20.5px) !important; font-weight: 700 !important; line-height: 1.35 !important;
  letter-spacing: -0.02em !important; color: var(--ink, #080e1b) !important;
}
.strategy-r03 details:is(.deck-spoiler, .strategy-detail) > summary::-webkit-details-marker { display: none; }
.strategy-r03 details:is(.deck-spoiler, .strategy-detail) > summary::marker { content: ''; }
.strategy-r03 details.deck-spoiler > summary > span { font: inherit !important; letter-spacing: inherit !important; color: inherit !important; }
.strategy-r03 details.deck-spoiler > summary > svg.deck-spoiler-chevron {
  width: 18px; height: 18px; flex: none; color: #2e5c3e; transition: transform 0.2s ease;
}
.strategy-r03 details.deck-spoiler[open] > summary > svg.deck-spoiler-chevron { transform: rotate(180deg); }
.strategy-r03 details.strategy-detail > summary::after {
  content: ''; flex: none; width: 18px; height: 18px; background: #2e5c3e;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.2s ease;
}
.strategy-r03 details.strategy-detail > summary::before { content: none !important; display: none !important; }
.strategy-r03 details.strategy-detail[open] > summary::after { transform: rotate(180deg); }
.strategy-r03 details.deck-spoiler > .deck-spoiler-body { padding: 24px 28px 32px !important; margin: 0 !important; }
.strategy-r03 details.strategy-detail[open] { padding-bottom: 32px; }
.strategy-r03 details.strategy-detail > :not(summary) { margin-left: 28px !important; margin-right: 28px !important; }
.strategy-r03 details.strategy-detail > summary + * { margin-top: 24px !important; }
.strategy-r03 details:is(.deck-spoiler, .strategy-detail) > summary:focus-visible { outline: 2px solid #2e5c3e; outline-offset: -2px; }
@media (max-width: 760px) {
  .strategy-r03 details:is(.deck-spoiler, .strategy-detail) > summary { padding: 12px 14px !important; font-size: 16px !important; }
  .strategy-r03 details.deck-spoiler > .deck-spoiler-body { padding: 16px 14px 20px !important; }
  .strategy-r03 details.strategy-detail > :not(summary) { margin-left: 14px !important; margin-right: 14px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .strategy-r03 details :is(svg.deck-spoiler-chevron) , .strategy-r03 details.strategy-detail > summary::after { transition: none; }
}
