/* ─────────────────────────────────────────────────────────────────────────────
   The FAQ answer pages (lane FQ-1, 2026-11-04; plain files since lane BT-FAQ, 2026-11-11).
     · an answer page (.bo-faq): PH-2's panel header (page-header.css .bo-pgh-panel)
       with the eyebrow "FAQ · <category>", the question and a back pill; the answer
       beside its own film; then "Related questions" as the theme's own FAQ list rows
       (.faq-archive .faq-item, main.min.css), and a link to the whole category;
     · /faq, /faq/page/2-3 and /faq-category/* are the theme's FAQ list (tabs with
       counts, bordered rows, pagination) with nothing of this file but the row links.
   ───────────────────────────────────────────────────────────────────────────── */
.bo-faq{
  --fq-ink:#fff;--fq-sub:rgba(255,255,255,.72);--fq-mute:rgba(255,255,255,.56);--fq-edge:rgba(255,255,255,.09);
  --fq-card:#121513;--fq-card2:#171a18;--fq-green:#00ff85;--fq-pill:rgba(255,255,255,.05);--fq-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
html[data-color-scheme="light"] .bo-faq{
  --fq-ink:#111318;--fq-sub:#3F434B;--fq-mute:#5E616B;--fq-edge:rgba(17,19,24,.1);
  --fq-card:#fff;--fq-card2:#F7F8F6;--fq-green:#00994f;--fq-pill:rgba(255,255,255,.8);--fq-shadow:0 30px 70px -44px rgba(17,19,24,.35)}

/* ── answer page ── */
.bo-faq{padding-top:calc(var(--jkd-nav-height,80px) + 25px);padding-bottom:clamp(56px,7vw,110px)}
.bo-faq__head{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:clamp(26px,3.6vw,52px)!important}
.bo-faq__back{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:7px 15px 7px 11px;border:1px solid var(--fq-edge);border-radius:999px;
  background:var(--fq-pill);color:var(--fq-sub)!important;font-size:13.5px;line-height:1.2;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s,border-color .2s}
.bo-faq__back svg{width:16px;height:16px;transition:transform .2s}
.bo-faq__back:hover{color:var(--fq-ink)!important;border-color:var(--fq-green)}
.bo-faq__back:hover svg{transform:translateX(-3px)}
.bo-faq__head .bo-pgh__eyebrow{margin:0 0 16px}
.bo-faq__title{margin:0;color:var(--fq-ink);font-weight:600;font-size:clamp(36px,4.6vw,68px);line-height:1.03;letter-spacing:-.03em;text-wrap:balance;max-width:20ch}

.bo-faq__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(28px,4vw,56px)}
.bo-faq__answer{display:flex;flex-direction:column;align-items:flex-start}
.bo-faq__lede{margin:0 0 18px;color:var(--fq-ink);font-weight:600;font-size:clamp(26px,2.4vw,36px);line-height:1.12;letter-spacing:-.022em;text-wrap:balance}
.bo-faq__body{margin:0;color:var(--fq-sub);font-size:clamp(17px,1.3vw,19px);line-height:1.6;text-wrap:pretty;max-width:46ch}
.bo-faq__more{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--fq-green)!important;font-weight:600;font-size:15px;text-decoration:none}
.bo-faq__more svg{width:18px;height:18px;transition:transform .2s}
.bo-faq__more:hover svg{transform:translateX(4px)}

/* the film block: the case study's big rounded film */
.bo-faq__film.bo-film{position:relative;margin:0;aspect-ratio:16/9;border-radius:var(--jkd-br-lg,24px);overflow:hidden;background:#070807;
  border:1px solid var(--fq-edge);box-shadow:var(--fq-shadow)}
.bo-faq__film>video,.bo-faq__film>.bo-film__poster{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block}

/* related */
.bo-faq__related{margin-top:clamp(64px,8vw,120px)}
.bo-faq__related .bo-pgh__eyebrow{color:var(--fq-green);margin:0 0 12px}
.bo-faq__h2{margin:0 0 clamp(22px,2.6vw,34px);color:var(--fq-ink);font-weight:600;font-size:clamp(30px,3vw,44px);line-height:1.06;letter-spacing:-.025em}

/* related questions: the theme's list rows, without the archive's page padding */
.bo-faq__rel.faq-archive{padding:0}
.bo-faq__rel .faq-question{margin:0}
.bo-faq__all{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(20px,2.4vw,30px);color:var(--fq-green)!important;font-weight:600;font-size:15px;text-decoration:none}
.bo-faq__all svg{width:18px;height:18px;transition:transform .2s}
.bo-faq__all:hover svg{transform:translateX(4px)}

/* a list row's question is a real link too (the theme's cover link is hidden from keyboards) */
.faq-archive .faq-question a{color:inherit!important;text-decoration:none}
.faq-archive .faq-question a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}

/* tablets */
@media (max-width:1024px){
  .bo-faq__grid{grid-template-columns:1fr;gap:28px}
  .bo-faq__film.bo-film{order:-1}
}
/* phones */
@media (max-width:600px){
  .bo-faq{padding-left:16px;padding-right:16px}
  .bo-faq__head{padding:22px 18px!important;border-radius:18px}
  .bo-faq__back{margin-bottom:18px}
  .bo-faq__title{font-size:clamp(30px,8.6vw,38px)}
  .bo-faq__film.bo-film{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.bo-faq__back svg,.bo-faq__more svg,.bo-faq__all svg{transition:none}}