/* Shared FAQ role: native details/summary, no script required. */
.su-browse-faq-collection { padding: clamp(1rem, 2vw, 1.5rem); color: var(--su-on-surface); --su-fe-text: var(--su-on-surface); --su-fe-text-muted: var(--su-on-surface-muted); }
.su-browse-faq-collection .su-section-heading { text-align: start; }
.su-faq-disclosure { border: 1px solid var(--su-card-border); border-radius: var(--su-radius-md); background: var(--su-card); overflow: clip; }
.su-faq-disclosure + .su-faq-disclosure { margin-block-start: .85rem; }
.su-faq-summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.25rem; font-weight: 600; font-size: 1.05rem; line-height: 1.5; color: var(--su-on-surface); cursor: pointer; list-style: none; text-align: start; }
.su-faq-summary::-webkit-details-marker { display: none; }
.su-faq-question { min-width: 0; overflow-wrap: anywhere; }
.su-faq-indicator { flex: 0 0 1.5rem; text-align: center; color: inherit; }
.su-faq-indicator::before { content: '+'; font-size: 1.35rem; line-height: 1; }
.su-faq-disclosure[open] .su-faq-indicator::before { content: '−'; }
.su-faq-disclosure[open] .su-faq-summary { border-block-end: 1px solid var(--su-card-border); background: color-mix(in srgb, var(--su-brand) 5%, var(--su-card)); }
.su-faq-summary:hover { background: color-mix(in srgb, var(--su-brand) 5%, var(--su-card)); }
.su-faq-summary:focus-visible { outline: 2px solid var(--su-on-surface); outline-offset: -4px; }
.su-faq-panel { padding: 1.25rem; text-align: start; overflow-wrap: anywhere; }
.su-faq-panel .su-prose { max-width: 46rem; color: var(--su-on-surface); }
.su-faq-panel .su-prose :is(h1,h2,h3,h4,h5,h6) { color: var(--su-on-surface); }
.su-faq-panel .su-lazy-image { margin-block-end: 1rem; }
.su-faq-detail-link { margin-block: 1rem 0; }
.su-faq-detail-link a { color: var(--su-on-surface); text-decoration: underline; text-underline-offset: .2em; }
.su-faq-detail-link a:focus-visible { outline: 2px solid var(--su-on-surface); outline-offset: 3px; }
.su-browse-faq-categories .su-content-card-body { padding: 1.25rem; }
.su-browse-faq-answer { text-align: start; }
.su-browse-results > .su-section-body > .su-browse-faq-collection { margin-block: 0; padding: 0; }
@media (max-width: 575px) { .su-faq-summary, .su-faq-panel { padding: 1rem; } }

/* Authored answer links inherit the owning FAQ surface in either theme. */
:is(.su-browse-faq-answer, .su-faq-panel .su-prose) a { color: var(--su-on-surface); text-decoration: underline; text-underline-offset: .2em; }
:is(.su-browse-faq-answer, .su-faq-panel .su-prose) a:focus-visible { outline: 2px solid var(--su-on-surface); outline-offset: 3px; }