/* ============================================================
   FAQ
   ============================================================ */

.faq{padding-block:clamp(3.4rem,8vh,5.6rem)}
.faq-list{border-top:1px solid var(--line-d);max-width:74ch;margin-inline:auto}
.faq details{border-bottom:1px solid var(--line-d)}
.faq summary{
  cursor:pointer;list-style:none;position:relative;
  padding:1.25rem 2.4rem 1.25rem 0;
  font-family:var(--display);text-transform:uppercase;letter-spacing:-.035em;
  font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.16;
}
.faq summary::-webkit-details-marker{display:none}
/* CONTRAST CORRECTION (revision pass, folded in): chevron and hover state
   were --earth, now --earth-t. */
.faq summary::after{
  content:'';position:absolute;right:.5rem;top:1.5rem;width:10px;height:10px;
  border-right:1.7px solid var(--earth-t);border-bottom:1.7px solid var(--earth-t);
  transform:rotate(45deg);transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.75rem}
.faq summary:hover{color:var(--earth-t)}
.faq .ans{margin:0 0 1.35rem;max-width:64ch;font-size:.95rem;line-height:1.68;opacity:.78}

/* The star motif is deliberately not carried into the FAQ: that section is
   a centred column of questions and the texture behind it competed with
   the list. Specificity is 0,2,1 so this holds regardless of source order. */
.faq.on-paper::before{content:none}