/* ───────── Блок «Часто задаваемые вопросы» (вариант «Техническая документация») ─────────
   Разметка: div.skr-faq > details.skr-faq__item > summary.skr-faq__q > span.skr-faq__text + div.skr-faq__a.
   Номера 01, 02… — счётчик CSS; стрелка справа: вниз у закрытого вопроса, вверх у открытого.
   Подключается только на записях с блоком (functions.php); вопросы и ответы для FAQPage берёт skrutka-core/includes/faq.php. */
.entry__content .skr-faq {
  --faq-num-w: 34px;
  --faq-gap: 10px;
  counter-reset: skr-faq;
  margin: 16px 0 32px;
  padding: 0 18px;
  background: #F7F9FB;
  border: 1px solid var(--ds-border, #E0E7EE);
  border-radius: 4px;
}
.entry__content .skr-faq__item { counter-increment: skr-faq; margin: 0; }
.entry__content .skr-faq__item + .skr-faq__item { border-top: 1px solid var(--ds-border, #E0E7EE); }

.entry__content .skr-faq__q {
  display: grid;
  grid-template-columns: var(--faq-num-w) minmax(0, 1fr) 14px;
  column-gap: var(--faq-gap);
  align-items: baseline;
  padding: 14px 0;
  list-style: none;
  cursor: pointer;
  color: var(--ds-text, #172C43);
  font-weight: 600;
  line-height: 1.45;
}
.entry__content .skr-faq__q::-webkit-details-marker { display: none; }
.entry__content .skr-faq__q::marker { content: ""; }
.entry__content .skr-faq__q::before {
  content: counter(skr-faq, decimal-leading-zero);
  color: #8796A5;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.entry__content .skr-faq__q::after {
  content: "";
  justify-self: end;
  align-self: center;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-right: 1.5px solid #64778A;
  border-bottom: 1.5px solid #64778A;
  transform: rotate(45deg);
}
.entry__content .skr-faq__item[open] > .skr-faq__q::after { margin-top: 4px; transform: rotate(-135deg); }
.entry__content .skr-faq__q:hover .skr-faq__text { color: var(--section-accent-text, #1769E0); }
.entry__content .skr-faq__q:focus-visible { outline: 2px solid var(--section-accent, #1769E0); outline-offset: 2px; }

.entry__content .skr-faq__a {
  /* нижний отступ даёт абзац ответа (16 px по правилам ритма текста статьи) */
  padding: 0 calc(14px + var(--faq-gap)) 0 calc(var(--faq-num-w) + var(--faq-gap));
  margin: -4px 0 0;
}
.entry__content .skr-faq__a > :not(p):last-child { margin-bottom: 16px; }

@media (max-width: 600px) {
  .entry__content .skr-faq { --faq-num-w: 26px; --faq-gap: 8px; padding: 0 12px; margin: 12px 0 28px; }
  .entry__content .skr-faq__q { padding: 13px 0; }
  .entry__content .skr-faq__a { padding-right: 0; }
}