/* T·Lab Variant C · FAQs page (slug faqs)
   Loaded after shop-c.css / tlab-wp.css. Uses shop-c.css tokens and the .faq-grid accordion; page classes prefixed .fq- */

#main{display:block}
.fq-hero{padding-block:clamp(8px,2vw,20px) clamp(28px,4vw,44px);background:linear-gradient(180deg,var(--paper),var(--mint))}
.fq-hero .crumbs{margin-bottom:clamp(12px,3vw,24px)}
.fq-hero h1{font:600 clamp(34px,5.6vw,60px)/1.05 var(--sans);letter-spacing:-.03em;color:var(--ink);max-width:16ch;margin:0 0 14px}
.fq-lede{font-size:clamp(17px,1.8vw,20px);line-height:1.5;color:var(--muted);max-width:46ch;margin:0}
.fq-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fq-jump a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);color:var(--teal-deep);font-size:15px;font-weight:500;text-decoration:none}
.fq-jump a:hover{box-shadow:inset 0 0 0 1.5px var(--teal)}

.fq-groups{display:grid;gap:clamp(32px,4vw,48px)}
.fq-groups>*{max-width:860px}
.fq-group{scroll-margin-top:96px}
.fq-group h2{font:600 clamp(22px,2.6vw,28px)/1.2 var(--sans);letter-spacing:-.02em;margin:0 0 14px}
.fq-group .faq-grid details p a{color:var(--teal);font-weight:600}

.fq-help{border-radius:var(--r);background:var(--teal-deep);color:var(--mint-2);padding:clamp(20px,3vw,32px)}
.fq-help h2{color:var(--white);font:600 clamp(22px,2.6vw,28px)/1.2 var(--sans);margin:0 0 8px}
.fq-help p{margin:0;max-width:52ch}
.fq-help-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px!important}
.fq-help .btn-ghost{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.fq-help .btn-primary{background:var(--white);color:var(--teal-deep)}