/* Club Quanti reuses the shared product-page components in editorial-pages.css
   (product-hero, metrics, section-head, assays, micro-explorer, audience-band,
   science-band, product-cta). Only the hero actions and the FAQ list are page-specific. */
.cq-hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:40px}
.cq-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;background:var(--pink);color:#fff;font-weight:700;text-decoration:none;transition:background 350ms cubic-bezier(.2,.8,.2,1)}
.cq-btn:hover{background:color-mix(in srgb,var(--pink) 82%,#000)}
.cq-link{color:#fff;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px;transition:border-color 350ms cubic-bezier(.2,.8,.2,1)}
.cq-link:hover{border-color:#fff}
.cq-page a:focus-visible,.cq-page summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}

.cq-faq .section-head{margin-bottom:clamp(30px,4vw,56px);grid-template-columns:1fr}
.cq-faq .section-head h2 em{color:var(--pink);font-style:normal}
.cq-faq-list{border-top:1px solid var(--line);max-width:920px}
.cq-faq-list details{border-bottom:1px solid var(--line)}
.cq-faq-list summary{cursor:pointer;list-style:none;padding:28px 0;font-size:var(--ty-h4);font-weight:500;line-height:var(--ty-h4-lh);letter-spacing:var(--ty-h4-ls);display:grid;grid-template-columns:80px 1fr auto;text-align:left;color:var(--ink)}
.cq-faq-list summary::-webkit-details-marker{display:none}
.cq-faq-list summary span{color:var(--pink);font-size:.72rem;letter-spacing:.12em;padding-top:.5rem}
.cq-faq-list summary i{font-style:normal;color:var(--indigo);transition:.3s}
.cq-faq-list details[open] summary i{transform:rotate(45deg)}
.cq-faq-list details p{margin:0 70px 24px 80px;max-width:66ch;color:var(--text-muted);line-height:1.6}
.cq-faq-list details[open] p{animation:cq-open 350ms cubic-bezier(.2,.8,.2,1)}
@keyframes cq-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:880px){.cq-faq-list summary{grid-template-columns:45px 1fr auto}.cq-faq-list details p{margin-left:45px}}

.cq-page .science-band{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
@media(max-width:900px){.cq-page .science-band{grid-template-columns:1fr}}
.cq-page .audience-band+.audience-band{padding-top:0;border-top:0}
@media (prefers-reduced-motion:reduce){
  .cq-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
.cq-page .audience-tile p a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}
.cq-faq-list summary{column-gap:16px}
@media(max-width:880px){.cq-faq-list summary{grid-template-columns:36px 1fr auto;column-gap:12px}.cq-faq-list details p{margin-left:48px;margin-right:0}}