/* FAQ page (/faqs) — step 11.12. Source: design/faq-preview.html <style> (copied as is; no rule of it is in main.css).
   + .faq-body{padding-top:0} replaces the inline style="padding-top:0" of the preview.
   Only var(--fv-*) tokens; every page class starts with "faq-". v1 (9 Mehr 1405) — EN approved by Ali; FA/TR transcreated.
   Content: only facts already approved on other pages + Ali's answers (9 Mehr): session has no cost · EN/FA/TR · confidential, no NDA mention. */
.faq-hero{padding-block:88px 56px}
.faq-crumb{margin-bottom:28px}
.faq-crumb a:hover{color:var(--fv-ink)}
.faq-hero .fv-h1{margin-block:18px 24px;max-width:820px}
.faq-hero .fv-lead{max-width:640px}
.faq-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.faq-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--fv-line);border-radius:999px;font-size:14px;font-weight:600;color:var(--fv-ink);background:var(--fv-paper)}
.faq-nav a:hover{border-color:var(--fv-green);color:var(--fv-green)}
.faq-nav b{color:var(--fv-green);font-weight:600}

.faq-body{padding-top:0}

.faq-group{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:56px;padding-block:56px;border-top:1px solid var(--fv-line);scroll-margin-top:calc(var(--fv-header-h) + 16px)}
.faq-group:first-child{border-top:0;padding-top:8px}
.faq-mark{position:sticky;top:calc(var(--fv-header-h) + 32px);align-self:start}
.faq-mark .fv-h3{margin-top:12px}
.faq-mark p{margin-top:12px;color:var(--fv-muted)}
.faq-mark .fv-link{margin-top:16px}
.faq-list{border-top:1px solid var(--fv-line)}
.faq-q{border-bottom:1px solid var(--fv-line)}
.faq-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding-block:18px;font-weight:600}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";flex:none;color:var(--fv-green);font-size:20px;line-height:1}
.faq-q[open] summary::after{content:"–"}
.faq-q summary:focus-visible{outline:2px solid var(--fv-green);outline-offset:4px}
.faq-q p{padding-bottom:18px;color:var(--fv-muted);max-width:640px}

.faq-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end}
.faq-cta .fv-h2{margin-top:16px}
.faq-cta .fv-lead{margin-top:16px}
.faq-cta__acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

@media (max-width:900px){
  .faq-hero{padding-block:56px 32px}
  .faq-group{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:40px}
  .faq-mark{position:static}
  .faq-cta{grid-template-columns:minmax(0,1fr);gap:24px}
  .faq-cta__acts{justify-content:flex-start}
}