/* Optional page-specific styles */


/* FAQ */
.faq details{
  background: rgba(246,241,231,0.7);
  border: 1px solid var(--hair);
  border-radius: var(--radius);
  padding: 14px 16px;
  margin: 12px 0;
  box-shadow: 0 10px 26px rgba(1,34,47,.06);
}
.faq summary{
  cursor: pointer;
  font-family: var(--font-head);
  font-weight: 700;
  color: var(--navy);
  outline: none;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary:after{
  content: "+";
  float:right;
  font-weight:900;
  color: var(--gold);
}
.faq details[open] summary:after{ content:"–"; }
.faq .answer{ padding-top: 10px; color: var(--text); }

/* Quiz */
.pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.pill input{ accent-color: var(--teal); }
.quiz__q{ padding: 14px 14px; border:1px solid var(--hair); border-radius: var(--radius); background: rgba(255,255,255,0.72); margin: 12px 0; }
.quiz__q .card__title{ margin:0; }

/* Steps list */
.steps{ padding-left: 20px; }
.steps li{ margin: 10px 0; color: var(--text); }
.steps b{ color: var(--navy); }