/* ============================================================================
   faq.css — grouped accordions.
   The accordion itself lives in components.css; this only sets the group
   headings and the spacing between groups.
   ========================================================================= */

.faq__group {
    font-size: var(--step-1);
    letter-spacing: -.01em;
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: var(--step--2);
    margin-top: clamp(2.5rem, 6vw, 4rem);
    margin-bottom: var(--sp-4);
}

.faq__group:first-child { margin-top: 0; }

.faq .accordion__a code {
    padding: .12em .4em;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    border: 1px solid var(--line);
}

.faq .accordion__a .link { border-bottom-width: 1.5px; }

.faq .accordion__a .notice { margin-top: 1em; }