.managed-faq { margin-top: var(--gap); }
.faq-search { display: flex; gap: var(--size-12px); margin-bottom: var(--gap); }
.faq-search input { flex: 1; min-width: 0; min-height: var(--size-48px); padding: var(--size-12px) var(--size-16px); border: var(--size-1px) solid var(--line); border-radius: var(--size-12px); background: var(--white); font: inherit; }
.faq-categories { display: flex; flex-wrap: wrap; gap: var(--size-8px); margin-bottom: var(--gap); }
.faq-categories a { min-height: var(--size-44px); display: inline-flex; align-items: center; padding: var(--size-8px) var(--size-16px); border-radius: var(--pill); background: var(--pale); color: var(--ink); overflow-wrap: anywhere; }
.faq-categories a[aria-current] { background: var(--ink); color: var(--white); }
.faq-result { display: flex; flex-wrap: wrap; gap: var(--size-16px); align-items: center; margin-bottom: var(--size-16px); color: var(--muted); font-size: var(--size-14px); }
.faq-result p { flex: 1; }
.faq-result a { text-decoration: underline; }
.faq-category-label { display: block; color: var(--muted); font-size: var(--size-12px); font-weight: 400; margin-top: var(--size-4px); }
.faq-answer { padding: 0 var(--size-4px) var(--size-20px); color: var(--muted); line-height: 1.8; overflow-wrap: anywhere; }
.faq-answer img { max-width: 100%; height: auto; }
.faq-answer ul, .faq-answer ol { padding-left: var(--gap); }
.faq-answer p + p { margin-top: var(--size-12px); }
.faq .faq-answer p { padding: 0; }
.faq-extra { margin: var(--gap) 0; overflow-wrap: anywhere; }
.faq-extra img { max-width: 100%; height: auto; }
.faq-answer table { display: block; max-width: 100%; overflow: auto; }
.faq-empty { padding: var(--size-48px) var(--gap); text-align: center; background: var(--pale); border-radius: var(--radius); }
.faq-empty h2 { font-size: var(--size-20px); margin-bottom: var(--size-12px); }
.faq-empty p { color: var(--muted); line-height: 1.8; }
.faq-contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--size-16px); margin-top: var(--size-32px); padding-top: var(--gap); border-top: var(--size-1px) solid var(--line); }
.managed-faq summary { overflow-wrap: anywhere; }
.managed-faq .pg_start,
.managed-faq .pg_prev,
.managed-faq .pg_next,
.managed-faq .pg_end { font-size: var(--size-12px); text-indent: 0; background: var(--white); min-width: var(--size-44px); width: auto; padding: 0 var(--size-12px); }
.managed-faq :focus-visible { outline: 2px solid var(--green-dark); outline-offset: var(--size-4px); }
