/* Extracted from the static build's per-page <style> block.
   Section layout CSS; tokens come from styles.css. */

/* ==== FAQ page layout ==== */
.faqp-hero { background: var(--c-pearl); padding: 150px clamp(40px, 8vw, 132px) clamp(48px, 6vw, 78px); }
.faqp-hero__inner { max-width: 1180px; margin: 0 auto; }
.faqp-hero__crumb { font-size: 9px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(14,22,32,0.4); margin-bottom: 56px; display: flex; align-items: center; gap: 12px; font-weight: 500; }
.faqp-hero__crumb a { color: rgba(14,22,32,0.55); }
.faqp-hero__crumb .sep { width: 16px; height: 1px; background: rgba(14,22,32,0.2); }
.faqp-hero__eyebrow { color: var(--c-olive); }
.faqp-hero__h { font-family: var(--f-display); font-weight: 300; font-size: clamp(40px, 5vw, 78px); line-height: 0.98; letter-spacing: -0.015em; color: var(--c-charcoal); margin: 20px 0 0; max-width: 16ch; }
.faqp-hero__h .it { font-style: italic; }
.faqp-hero__sub { max-width: 50ch; color: rgba(14,22,32,0.62); font-size: 15px; line-height: 1.8; margin: 24px 0 0; }

.faqp-section { background: var(--c-pearl); padding: clamp(74px, 8vw, 120px) clamp(40px, 8vw, 132px); }
.faqp-section--bone { background: var(--c-bone); }
.faqp-group { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 0.62fr 1.38fr; gap: clamp(36px, 5vw, 88px); align-items: start; }
.faqp-aside { position: sticky; top: 116px; }
.faqp-aside .lab { color: var(--c-olive); }
.faqp-aside h2 { font-family: var(--f-display); font-weight: 300; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.06; letter-spacing: -0.012em; color: var(--c-charcoal); margin: 16px 0 0; max-width: 13ch; }
.faqp-aside h2 .it { font-style: italic; }

.faqp-list { border-top: 1px solid rgba(14,22,32,0.18); }
.faqp-item { border-bottom: 1px solid rgba(14,22,32,0.14); }
.faqp-item summary {
  list-style: none; cursor: pointer; padding: 27px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  font-family: var(--f-display); font-weight: 300;
  font-size: clamp(20px, 1.9vw, 27px); line-height: 1.22;
  color: var(--c-charcoal); letter-spacing: -0.006em;
}
.faqp-item summary .it { font-style: italic; }
.faqp-item summary::-webkit-details-marker { display: none; }
.faqp-item summary .ic { flex: none; width: 16px; height: 16px; position: relative; }
.faqp-item summary .ic::before, .faqp-item summary .ic::after { content: ""; position: absolute; background: var(--c-slate); transition: transform 300ms var(--ease-out), opacity 300ms var(--ease-out); }
.faqp-item summary .ic::before { top: 7px; left: 0; width: 16px; height: 1.5px; }
.faqp-item summary .ic::after { top: 0; left: 7px; width: 1.5px; height: 16px; }
.faqp-item[open] summary .ic::after { transform: scaleY(0); opacity: 0; }
.faqp-a { padding: 0 44px 30px 0; color: rgba(14,22,32,0.72); font-size: 15.5px; line-height: 1.82; max-width: 66ch; }
.faqp-a p { margin: 0; }

/* closing line */
.faqp-tail { background: var(--c-aegean); color: var(--c-snow); padding: clamp(88px, 10vw, 140px) clamp(40px, 8vw, 132px); text-align: center; }
.faqp-tail__inner { max-width: 760px; margin: 0 auto; }
.faqp-tail__h { font-family: var(--f-display); font-weight: 300; font-size: clamp(28px, 3.2vw, 46px); line-height: 1.14; letter-spacing: -0.01em; margin: 0 0 30px; text-wrap: balance; }
.faqp-tail__h .it { font-style: italic; }
.faqp-tail__actions { display: inline-flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.faqp-tail__btn { display: inline-flex; align-items: center; gap: 13px; padding: 18px 26px; background: var(--c-snow); color: var(--c-charcoal); font-family: var(--f-body); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; transition: background-color 240ms var(--ease-out); }
.faqp-tail__btn:hover { background: var(--c-bone); }
.faqp-tail__btn.outline { background: transparent; color: var(--c-snow); border: 1px solid rgba(255,255,255,0.3); }
.faqp-tail__btn.outline:hover { background: rgba(255,255,255,0.08); }
.faqp-tail__btn .ar { font-family: var(--f-display); font-style: italic; font-size: 17px; letter-spacing: 0; text-transform: none; }

@media (max-width: 820px) {
  .faqp-group { grid-template-columns: 1fr; gap: 22px; }
  .faqp-aside { position: static; }
}