/* HirePrism FAQ page: a short dark header, the questions on cream with a sticky section list, and a closing call to action. */
.faq-hero{min-height:auto;padding:150px 0 86px}
.faq-hero h1{font-size:clamp(34px,4.6vw,56px);max-width:18ch}
.faq-hero p{margin-bottom:0}

.faq-body{background:var(--cream);padding:72px 0 88px}
.faq-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.faq-toc{position:sticky;top:32px;display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid rgba(196,184,168,.55)}
.faq-toc a{display:flex;align-items:center;min-height:40px;color:var(--muted);font-size:14.5px;font-weight:600;text-decoration:none}
.faq-toc a:hover{color:var(--rust)}
.faq-groups{display:flex;flex-direction:column;gap:56px;min-width:0}
.faq-group{scroll-margin-top:24px}
.faq-group .faq{max-width:none}
.faq summary{font-size:17px;line-height:1.45}
.faq summary:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.faq .a{max-width:70ch}

.cta-band{background:var(--sand);padding:128px 0 136px}
.cta-band h2{font-size:clamp(30px,3.6vw,46px);max-width:22ch}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn-line{color:var(--char);border:1px solid rgba(26,24,20,.25)}
.btn-line:hover{border-color:var(--char)}

@media(max-width:860px){
  .faq-grid{grid-template-columns:1fr;gap:28px}
  .faq-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 18px;padding-left:0;border-left:0}
  .faq-hero{padding:120px 0 64px}
  .cta-band{padding:88px 0 96px}
}
.faq .a a.inline{color:var(--rust);text-decoration:underline;text-underline-offset:2px}
.faq .a+.a{margin-top:-12px}