.faq-category-page {
    background: #070400;
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 400;
}
.faq-category-page * { box-sizing: border-box; }
.faq-category-page .faq-category-shell { width: min(912px, calc(100% - 48px)); margin-inline: auto; }
.faq-category-page .faq-category-hero { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0 60px; }
.faq-category-page .faq-category-hero::before {
    content: ''; position: absolute; z-index: -1; pointer-events: none;
    width: 1546px; height: 512px; left: calc(50% - 751.578125px); top: -176.6382px;
    background: url('../../images/pages/faq-category/glow.svg') center / 100% 100% no-repeat;
}
.faq-category-page h1 { margin: 0 0 10px; text-align: center; font-size: 56px; line-height: 68px; font-weight: 700; letter-spacing: -.56px; }
.faq-category-page h1 span { background: linear-gradient(180deg, #fff 21.82%, #F98715 73.077%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.faq-category-page .faq-category-search { display: flex; align-items: center; gap: 16px; margin: 0; }
.faq-category-page .faq-category-search__field { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; margin: 0; padding: 16px; height: 58px; border: 1px solid #ffffff29; border-radius: 14px; background: #ffffff0f; }
.faq-category-page .faq-category-search__field:focus-within { border-color: #F98715; }
.faq-category-page .faq-category-search__field img { flex: 0 0 24px; }
.faq-category-page .faq-category-search input,
.faq-category-page .faq-category-search input:focus { width: 100%; min-width: 0; padding: 0; margin: 0; border: 0; outline: none; box-shadow: none; background: transparent; color: #fff; font: 400 16px/22px Inter, sans-serif; }
.faq-category-page .faq-category-search input::placeholder { color: #fff; opacity: 1; }
.faq-category-page .faq-category-search button { flex: 0 0 auto; border: 0; border-radius: 14px; padding: 16px 24px; background: #F98715; color: #fff; font: 700 20px/24px Inter, sans-serif; cursor: pointer; }
.faq-category-page .faq-category-search button:hover { background: #F9A215; }
.faq-category-page .faq-category-results { padding-bottom: 80px; }
.faq-category-page .faq-category-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-bottom: 16px; color: #999; font-size: 12px; line-height: 14px; }
.faq-category-page .faq-category-breadcrumb a { color: #999; text-decoration: none; }
.faq-category-page .faq-category-breadcrumb a:hover { color: #F98715; }
.faq-category-page .faq-category-breadcrumb [aria-current] { color: #fff; }
.faq-category-page h2 { margin: 0 0 16px; font-size: 20px; line-height: 24px; font-weight: 700; }
.faq-category-page .faq-category-count { margin: 0 0 32px; font-size: 12px; line-height: 14px; color: #ccc; }
.faq-category-page .faq-category-list { padding: 24px; border: 1px solid #ffffff29; border-radius: 24px; }
.faq-category-page .faq-category-list ul { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; }
.faq-category-page .faq-category-list li { margin: 0; padding: 0; }
.faq-category-page .faq-category-list a { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 12px; border-radius: 8px; color: #fff; font-size: 16px; line-height: 22px; text-decoration: none; }
.faq-category-page .faq-category-list a:hover,
.faq-category-page .faq-category-list a:focus-visible { color: #F98715; background: #f9871529; }
.faq-category-page a:focus-visible,
.faq-category-page button:focus-visible { outline: 1px solid #F98715; outline-offset: 3px; }
.faq-category-page .faq-category-arrow { position: relative; flex: 0 0 18px; width: 18px; height: 18px; }
.faq-category-page .faq-category-arrow img { display: block; }
.faq-category-page .faq-category-arrow__active { position: absolute; inset: 0; opacity: 0; }
.faq-category-page .faq-category-list a:is(:hover, :focus-visible) .faq-category-arrow > img:first-child { opacity: 0; }
.faq-category-page .faq-category-list a:is(:hover, :focus-visible) .faq-category-arrow__active { opacity: 1; }
.faq-category-page .faq-category-empty { margin: 0; color: #ccc; }
/* Figma typography and breadcrumb spacing; scoped to this listing. */
.faq-category-page h1 { color: #fff; }
.faq-category-page h2 { color: #fff; letter-spacing: -.2px; }
.faq-category-page .faq-category-search input { letter-spacing: -.16px; }
.faq-category-page .faq-category-search button { letter-spacing: -.2px; }
.faq-category-page .faq-category-breadcrumb { gap: 2px; letter-spacing: -.12px; }
.faq-category-page .faq-category-count { letter-spacing: -.12px; }
.faq-category-page .faq-category-list a { font-weight: 400; letter-spacing: -.16px; }
@media (max-width: 767px) {
    .faq-category-page .faq-category-hero { padding: 2.5rem 0; }
    .faq-category-page h1 { font-size: 36px; line-height: 44px; letter-spacing: -.36px; margin-bottom: 24px; }
    .faq-category-page .faq-category-search { gap: 12px; flex-wrap: wrap; }
    .faq-category-page .faq-category-search__field { flex-basis: 100%; }
    .faq-category-page .faq-category-search button { width: 100%; }
    .faq-category-page .faq-category-results { padding-bottom: 2.5rem; }
    .faq-category-page .faq-category-list { padding: 12px; border-radius: 20px; }
}