/* /faqs/. Ported from design-src/faqs/page.css. */

/* ===== faqs ===== */
.faqs-page .wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:80px;align-items:start}
.topics{position:sticky;top:120px;display:flex;flex-direction:column;border-left:1px solid var(--gold-soft)}
.topics > .caps{color:var(--gold-deep);padding:0 0 14px 22px}
.topics a{position:relative;padding:9px 0 9px 22px;font-family:var(--serif);font-size:21px;color:var(--brown-mid);transition:.2s}
.topics a:hover{color:var(--brown)}
.topics a.on{color:var(--brown)}
.topics a.on::before{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;margin-top:-3px;background:var(--gold);transform:rotate(45deg)}
.topic-help{margin:26px 0 0 22px;padding-top:20px;border-top:1px solid var(--gold-soft);font-size:14px;color:var(--brown-mid);display:flex;flex-direction:column;gap:4px}
.topic-help b{color:var(--brown);font-weight:600}
.topic-help a{padding:0;font-family:var(--sans);font-size:13px;color:var(--brown);border-bottom:1px solid var(--gold);align-self:flex-start}
.group+.group{margin-top:64px}
.group h2{display:flex;align-items:baseline;gap:16px;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,40px);line-height:1.1;color:var(--brown);margin-bottom:18px}
.group h2 .caps{color:var(--gold-deep);font-size:12px;letter-spacing:.14em}
.group h2 em{font-style:italic}
.faq-list details p a{color:var(--brown);border-bottom:1px solid var(--gold)}
.faq-help{padding-top:0}
.p-hero > img{object-position:50% 45%}

@media (max-width:1060px){
  .faqs-page .wrap{grid-template-columns:1fr;gap:34px}
  .topics{position:static;flex-direction:row;flex-wrap:wrap;border:0;gap:8px}
  .topics > .caps,.topic-help{display:none}
  .topics a{padding:9px 14px;border:1px solid var(--gold-soft);font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
  .topics a.on{background:var(--brown);border-color:var(--brown);color:var(--white)}
  .topics a.on::before{display:none}
}

/* theme additions */
.group h2 em{font-style:italic}
