/* ============================= RESOURCES / FAQ PAGE =============================
   Utility page — calmer, scannable, restrained motion, generous whitespace.
   Text-led hero (no large photography), grouped accordion FAQ, help CTA card.
   ========================================================================== */

/* ---- Hero ---- */
.resources-hero{ padding-top:calc(var(--section-pad-y) + 4rem); padding-bottom:var(--space-7); }
.resources-hero-grid{ display:grid; grid-template-columns:1.3fr .7fr; gap:var(--space-8); align-items:end; }
.resources-hero-copy h1{ font-size:var(--fs-hero); max-width:15ch; margin:1.25rem 0 1.5rem; }
.resources-hero-copy p{ font-size:var(--fs-body-lg); color:var(--ink-soft); max-width:50ch; }

.quick-jump-label{
  font-family:var(--font-mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--charcoal-500); margin-bottom:.9rem; display:block;
}
.quick-jump{ display:flex; flex-direction:column; gap:.65rem; }
.quick-jump a{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.85rem 1.1rem; border:1px solid var(--line-on-light); border-radius:var(--radius-md);
  font-size:.9rem; color:var(--ink);
  transition:border-color .25s var(--ease-out), background .25s var(--ease-out), transform .3s var(--ease-out);
}
.quick-jump a:hover{ border-color:var(--sky-500); background:var(--sky-100); transform:translateX(4px); }
.quick-jump a .arrow{ color:var(--sky-600); font-family:var(--font-mono); display:inline-block; transition:transform .3s var(--ease-premium); }
.quick-jump a:hover .arrow{ transform:translateX(3px); }
@media (max-width:860px){ .resources-hero-grid{ grid-template-columns:1fr; } }

/* ---- FAQ groups ---- */
.faq-groups{ display:flex; flex-direction:column; gap:var(--space-9); }
.faq-group-label{ margin-bottom:1.75rem; }
.faq-group-label .eyebrow{ scroll-margin-top:110px; }

.accordion-item{
  border-bottom:1px solid var(--line-on-light);
  border-radius:var(--radius-sm);
  transition:background .4s var(--ease-out);
}
.accordion-item:first-child{ border-top:1px solid var(--line-on-light); }
.accordion-item:hover{ background:var(--paper-dim); }
.accordion-item.is-open{ background:var(--sky-100); }

.accordion-trigger{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1.55rem 0; text-align:left; cursor:pointer;
  font-family:var(--font-display); font-size:1.2rem; color:var(--ink);
  transition:color .25s var(--ease-out), padding-inline .4s var(--ease-premium);
}
.accordion-item:hover .accordion-trigger, .accordion-item.is-open .accordion-trigger{ padding-inline:1.1rem; }
.accordion-trigger:hover{ color:var(--sky-600); }

.accordion-icon{ position:relative; flex:0 0 auto; width:20px; height:20px; }
.accordion-icon::before,.accordion-icon::after{
  content:''; position:absolute; background:currentColor;
  transition:transform .35s var(--ease-premium), opacity .35s var(--ease-premium);
}
.accordion-icon::before{ top:50%; left:0; width:100%; height:1.5px; transform:translateY(-50%); }
.accordion-icon::after{ left:50%; top:0; width:1.5px; height:100%; transform:translateX(-50%); }
.accordion-item.is-open .accordion-trigger{ color:var(--sky-700); }
.accordion-item.is-open .accordion-icon::after{ opacity:0; transform:translateX(-50%) rotate(90deg); }

.accordion-panel-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--ease-premium); }
.accordion-item.is-open .accordion-panel-wrap{ grid-template-rows:1fr; }
.accordion-panel-inner{ overflow:hidden; }
.accordion-panel{
  padding-bottom:1.85rem; padding-inline:0; max-width:64ch; color:var(--ink-soft);
  font-size:1.02rem; line-height:var(--lh-loose);
  transition:padding-inline .4s var(--ease-premium);
}
.accordion-item.is-open .accordion-panel{ padding-inline:1.1rem; }

/* ---- Closing CTA: matches the confidence of the shared .scene-cta pattern
   (large headline, generous padding, two clear actions) while keeping the
   page's calmer, contained-card register rather than a full-bleed band. ---- */
.cta-section{ padding-block:var(--section-pad-y-lg); }
.help-card{
  background:var(--navy-900); color:#fff; border-radius:var(--radius-lg);
  padding:var(--space-8) var(--space-7);
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:var(--space-7); flex-wrap:wrap;
  position:relative; overflow:hidden;
}
.help-card-copy{ position:relative; z-index:2; }
.help-card-copy h3{ font-family:var(--font-display); font-size:var(--fs-display-md); max-width:16ch; margin-top:1rem; }
.help-card-copy p{ color:rgba(255,255,255,.62); margin-top:.85rem; max-width:42ch; font-size:1.05rem; }
.help-card-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:1.25rem; position:relative; z-index:2; }
.help-card-btns{ display:flex; gap:1rem; flex-wrap:wrap; }
.help-card-phone{
  font-family:var(--font-mono); font-size:.78rem; letter-spacing:.04em;
  color:rgba(255,255,255,.5);
}
@media (max-width:700px){ .help-card{ flex-direction:column; align-items:flex-start; } }