/* Layout for the FAQ page. Component-level styling (callouts, tables, code, lists) shared with the
   User Guide lives in guide-content.css. */
.faq {
    max-width: 52rem;
    margin-inline: auto;
    padding-block: var(--space-12);
}

.faq-content h2 {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid var(--color-border);
}

.faq-content h2:first-of-type {
    padding-top: 0;
    border-top: none;
}

.faq-content h3 {
    margin-top: var(--space-6);
}

.faq-content p,
.faq-content li {
    color: var(--color-text-muted);
}

.faq-content ul.faq-toc {
    list-style: none;
    padding-left: 0;
    display: grid;
    gap: var(--space-2) var(--space-6);
}

@media (min-width: 40rem) {
    .faq-content ul.faq-toc {
        grid-template-columns: 1fr 1fr;
    }
}