.faq-head{ position:relative; padding-top:clamp(118px,17vh,196px); padding-bottom:clamp(24px,5vh,52px); }
.faq-head__in{ width:min(100% - (var(--gutter) * 2), var(--maxw)); margin-inline:auto; }
.faq-head__eyebrow{ display:flex; align-items:center; gap:.7rem; margin:0 0 1.1rem;
  font-family:var(--font-body); font-weight:600; font-size:var(--fs-small); letter-spacing:.3em;
  text-transform:uppercase; color:var(--gold); }
.faq-head__star{ width:7px; height:7px; background:var(--gold); transform:rotate(45deg); flex:0 0 auto; }
.faq-head__punch{ display:none; }
.faq-head__title{ margin:0; font-family:var(--font-display); font-weight:500; font-size:var(--fs-h2);
  line-height:1.02; letter-spacing:-.012em; color:var(--text); }
.faq-head__lead{ margin:1.1rem 0 0; max-width:62ch; color:var(--text-2); font-size:var(--fs-lead); line-height:1.5; }

.faq-search{ position:relative; display:flex; align-items:center; gap:.7rem;
  margin-top:clamp(1.6rem,4vh,2.6rem); width:min(100%,640px); padding:.9rem 1.1rem; border-radius:var(--radius);
  background:var(--bg-2); border:1px solid var(--hair);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease); }
.faq-search:focus-within{ border-color:rgba(246,248,247,.4); box-shadow:0 0 0 3px rgba(246,248,247,.12); }
.faq-search__icon{ width:20px; height:20px; color:var(--gold); flex:0 0 auto; }
.faq-search__input{ flex:1; min-width:0; background:none; border:0; outline:none; color:var(--text);
  font-family:var(--font-body); font-size:1.05rem; }
.faq-search__input::placeholder{ color:var(--faint); }
.faq-search__input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
.faq-search__clear{ flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--hairline); background:none; color:var(--muted); cursor:pointer;
  transition:color .2s var(--ease), border-color .2s var(--ease); }
.faq-search__clear:hover{ color:var(--text); border-color:rgba(246,248,247,.4); }
.faq-search__clear svg{ width:12px; height:12px; }
.faq-search__clear[hidden]{ display:none; }

.faq-noresults{ width:min(100% - (var(--gutter) * 2), var(--maxw)); margin:2rem auto 0;
  color:var(--muted); font-size:1.05rem; font-style:italic; }
.faq-noresults[hidden]{ display:none; }

.act--faq{ padding-block:clamp(38px,6vh,68px); }
.act--faq .tc{ margin-bottom:1.3rem; }
.act--faq[hidden]{ display:none; }

.faq-list{ border-top:1px solid var(--hairline); }
.faq-item{ border-bottom:1px solid var(--hairline); }
.faq-item[hidden]{ display:none; }

.faq-q{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:1rem;
  padding-block:1.15rem; padding-inline:.2rem; font-family:var(--font-body); }
.faq-q::-webkit-details-marker{ display:none; }
.faq-q:focus-visible{ outline:1px solid rgba(246,248,247,.5); outline-offset:3px; border-radius:4px; }
.faq-q__no{ display:none; }
.faq-q__txt{ flex:1; font-size:clamp(1.05rem,.35vw + 1rem,1.22rem); font-weight:500; line-height:1.42;
  color:var(--text-2); transition:color .2s var(--ease); }
.faq-q:hover .faq-q__txt, .faq-item[open] .faq-q__txt{ color:var(--text); }
.faq-q__icon{ position:relative; flex:0 0 auto; width:16px; height:16px; }
.faq-q__icon::before, .faq-q__icon::after{ content:""; position:absolute; top:50%; inset-inline:0; height:1.5px;
  background:var(--gold); transform:translateY(-50%);
  transition:transform .28s var(--ease), opacity .28s var(--ease); }
.faq-q__icon::after{ transform:translateY(-50%) rotate(90deg); }
.faq-item[open] .faq-q__icon::after{ transform:translateY(-50%) rotate(0); opacity:0; }

.faq-a{ overflow:hidden; transition:height .32s var(--ease); }
.faq-a__inner{ padding-block:0 1.5rem; padding-inline-start:.2rem; padding-inline-end:.2rem; }
.faq-a__txt, .faq-pending{ margin:0; font-family:var(--font-body); font-size:1rem; line-height:1.6; letter-spacing:.02em;
  color:var(--muted); }

.faq-geonote{ display:flex; align-items:center; gap:.9rem; margin-top:1.3rem; padding:1.05rem 1.25rem;
  border:1px solid rgba(150,152,151,.32); border-radius:var(--radius-sm);
  background:radial-gradient(140% 160% at 0% 0%, rgba(10,14,16,.42), rgba(10,14,16,.4)); }
.faq-geonote__tag{ flex:0 0 auto; width:24px; height:24px; display:grid; place-items:center; border-radius:50%;
  background:var(--amber); color:#0A0E0F; font-family:var(--font-display); font-weight:700; font-size:14px; }
.faq-geonote__txt{ color:var(--text-2); font-size:1.05rem; line-height:1.45; }
.faq-geonote[hidden]{ display:none; }

.toc__link.is-current span, .sheet__link.is-current span{ color:var(--gold-light); }

@media (max-width:760px){
  .faq-q{ gap:.7rem; padding-block:1rem; }
  .faq-a__inner{ padding-inline-start:.2rem; }
  .faq-search__input{ font-size:1rem; }
}

@media (prefers-reduced-motion: reduce){
  .faq-a{ transition:none; }
  .faq-q__icon::before, .faq-q__icon::after{ transition:none; }
}

html[dir="rtl"] .faq-geonote{ background:radial-gradient(140% 160% at 100% 0%, rgba(10,14,16,.42), rgba(10,14,16,.4)); }
html[dir="rtl"] .faq-q__no{ font-style:normal; }

.faq-cats{ border-top:1px solid var(--hairline); }
.faq-cat{ border-bottom:1px solid var(--hairline); }
.faq-cat[hidden]{ display:none; }
.faq-cat__head{ list-style:none; cursor:pointer; display:flex; align-items:baseline; gap:1.1rem;
  padding-block:clamp(1.05rem,2.3vh,1.6rem); }
.faq-cat__head::-webkit-details-marker{ display:none; }
.faq-cat__head:focus-visible{ outline:1px solid rgba(246,248,247,.5); outline-offset:3px; border-radius:4px; }
.faq-cat__no{ display:none; }
.faq-cat__ttl{ flex:0 1 auto; font-family:var(--font-body); font-weight:600; letter-spacing:-.005em;
  font-size:clamp(1.3rem,1.05vw + 1rem,1.85rem); line-height:1.12; color:var(--text);
  transition:color .2s var(--ease); }
.faq-cat:hover > .faq-cat__head .faq-cat__ttl,
.faq-cat[open] > .faq-cat__head .faq-cat__ttl{ color:var(--gold-light); }
.faq-cat__rule{ flex:1 1 auto; align-self:center; min-width:1.5rem; height:1px; background:var(--hairline); }
.faq-cat__icon{ position:relative; flex:0 0 auto; align-self:center; width:18px; height:18px; }
.faq-cat__icon::before, .faq-cat__icon::after{ content:""; position:absolute; top:50%; inset-inline:0; height:1.6px;
  background:var(--gold); transform:translateY(-50%); transition:transform .3s var(--ease), opacity .3s var(--ease); }
.faq-cat__icon::after{ transform:translateY(-50%) rotate(90deg); }
.faq-cat[open] > .faq-cat__head .faq-cat__icon::after{ transform:translateY(-50%) rotate(0); opacity:0; }
.faq-cat__body{ overflow:hidden; transition:height .34s var(--ease); }
.faq-cat__inner{ padding-bottom:1.1rem; }
.faq-cat__inner .faq-list{ border-top:0; }

@media (max-width:760px){
  .faq-cat__head{ gap:.7rem; }
}
@media (prefers-reduced-motion: reduce){
  .faq-cat__body{ transition:none; }
  .faq-cat__icon::before, .faq-cat__icon::after{ transition:none; }
}

/* ── colour life: soft green ambient + green accents on the FAQ content (matches the landing's green) ── */
.page-faq .site-bg{
  background:radial-gradient(94% 70% at 58% 30%, rgba(22,62,43,.55), rgba(10,24,19,.4) 45%, var(--bg) 75%); }
.page-faq{ --gold:#79C99E; --gold-light:#9CD9B6; }                                /* repoint the faint accents → green */
.page-faq .masthead, .page-faq .folio, .page-faq footer{ --gold:var(--faint); --gold-light:var(--white); }  /* keep the chrome identical to the landing (logo stays gold via .masthead__brand) */
.page-faq .faq-search:focus-within{ border-color:rgba(121,201,158,.5); box-shadow:0 0 0 3px rgba(121,201,158,.14); }
