/* Native disclosures; no height animation or smooth-scrolling requirement. */
html:has(.faq-list) { scroll-behavior: auto; }
.faq-list { list-style: none; padding: 0; margin: 1.25rem 0; }
.faq-list > li { margin: 0; padding: 0; border-bottom: 1px solid var(--kb-linen); }
.faq-list > li:first-child { border-top: 1px solid var(--kb-linen); }
.faq-list > li, .faq-disclosure, .faq-answer [id] { scroll-margin-top: calc(var(--kb-header-height) + var(--kb-admin-bar-height) + 24px); }
.faq-disclosure { min-width: 0; overflow-anchor: none; }
.faq-question { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.15rem .4rem; min-height: 56px; cursor: pointer; list-style: none; color: var(--kb-ink); }
.faq-question::-webkit-details-marker { display: none; }
.faq-question h3 { margin: 0; font-family: var(--kb-sans); font-size: 1.02rem; font-weight: 550; line-height: 1.55; text-wrap: wrap; }
.faq-question:hover { color: var(--kb-gold-dark); }
.faq-question:focus-visible { outline: 3px solid var(--kb-focus); outline-offset: -3px; background: var(--kb-paper); }
.faq-chevron { flex: none; color: var(--kb-gold); }
.faq-disclosure[open] > .faq-question { color: var(--kb-gold-dark); }
.faq-disclosure[open] > .faq-question .faq-chevron { transform: rotate(180deg); }
.faq-answer { max-width: 880px; padding: .1rem 2.5rem 1.4rem .4rem; overflow-wrap: anywhere; }
.faq-answer .article-body { max-width: none; margin: 0; font-size: 1rem; }
.faq-answer .article-body h2 { font-size: 1.6rem; }
.faq-answer .article-body h3 { font-size: 1.15rem; }
.faq-answer .article-body table { display: block; overflow-x: auto; max-width: 100%; }
.faq-answer .article-body iframe { max-width: 100%; }
.faq-share { margin: 1.25rem 0 0; font-size: .8rem; }
.faq-share a { color: var(--kb-stone); }
.faq-share a:hover { color: var(--kb-gold-dark); }
@media (max-width: 540px) {
	.faq-question { gap: 1rem; padding-block: 1rem; }
	.faq-question h3 { font-size: .96rem; }
	.faq-answer { padding-right: .4rem; }
}
@media (prefers-reduced-motion: reduce) {
	.faq-disclosure, .faq-chevron { animation: none; transition: none; }
}