/* Project Timber — FAQ page (templates/page-faq.php).
   Loaded after base.css + secondary.css. Only the FAQ-unique sections live
   here; hero/breadcrumb/help-CTA/typography come from secondary.css and the
   design tokens from base.css :root. The accordion is native <details>/<summary>
   — no JavaScript. */

/* Category jump nav */
.jump{ padding:26px 0 0; }
.jump .row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.jump a{ text-decoration:none; font-size:.85rem; font-weight:400; color:var(--ink); background:var(--paper); border:1px solid rgba(33,30,36,.1); border-radius:999px; padding:9px 16px; transition:background .2s var(--ease), transform .2s var(--ease); }
@media(hover:hover){ .jump a:hover{ background:#ededed; transform:translateY(-1px); } }

/* FAQ categories + accordion */
.faqcat{ padding:44px 0 8px; }
.faqcat .wrap{ max-width:840px; }
.faqcat .cathead{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.faqcat .cathead .n{ flex:0 0 auto; width:34px; height:34px; border-radius:10px; background:var(--charcoal); color:#fff; display:flex; align-items:center; justify-content:center; }
.faqcat .cathead .n svg{ width:18px; height:18px; }
.faqcat h2{ font-size:clamp(1.5rem,3.4vw,2rem); }
/* .faq-item accordion lives in secondary.css (shared across pages). */
.finep{ font-size:.72rem; font-weight:300; color:var(--txt-soft); max-width:840px; margin:22px auto 52px; padding:0 20px; }