.reference-header { width: 100%; }
.reference-header-primary { background: #e60000; border-top: 1px solid #9c0000; color: #fff; }
.reference-header-inner { min-height: 52px; display: flex; align-items: center; gap: 28px; }
html[data-theme] .reference-header .reference-header-inner,
html[data-theme] .reference-topics > .reference-topics-inner { background: transparent !important; }
.reference-header-brand { display: flex; align-items: center; flex: 0 0 185px; margin-inline-end: auto; }
.reference-header-brand img { display: block; max-width: 185px; width: auto; height: auto; max-height: 36px; object-fit: contain; }
.reference-header-brand .reference-logo-dark { display: none; }
.reference-primary-nav { display: flex; align-items: center; gap: 23px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.reference-primary-nav::-webkit-scrollbar, .reference-topics-inner::-webkit-scrollbar { display: none; }
.reference-primary-nav > a { display: flex; align-items: center; min-height: 51px; flex-shrink: 0; color: #fff; font-family: var(--vr-font-primary, sans-serif); font-size: 14px; line-height: 1.5; font-weight: 650; text-decoration: none; border-bottom: 2px solid transparent; padding-top: 2px; white-space: nowrap; }
html[data-theme] .reference-header .reference-primary-nav > a,
html[data-theme] .reference-header .reference-primary-nav > a:visited { color: #fff !important; }
html[data-theme] .reference-header .reference-primary-nav > a:hover,
html[data-theme] .reference-header .reference-primary-nav > a:focus-visible,
html[data-theme] .reference-header .reference-primary-nav > a:active,
html[data-theme] .reference-header .reference-primary-nav > a[aria-current="page"] { color: #fff !important; border-bottom-color: #fff; background: transparent !important; -webkit-text-fill-color: #fff; }
.reference-header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.reference-header-search { position: relative; }
.reference-header-search > summary { list-style: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 40px; cursor: pointer; color: #fff; }
.reference-header-search > summary::-webkit-details-marker { display: none; }
.reference-header-search > summary:hover, .reference-header-search[open] > summary, .reference-header .reference-theme-button:hover { background: #ffffff18; border-radius: 4px; }
.reference-header-search form { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); width: 340px; max-width: calc(100vw - 24px); display: flex; gap: 8px; padding: 13px; background: var(--vr-gray-50, #fff); color: var(--vr-text-main, #171717); border: 1px solid var(--vr-gray-200, #ddd); box-shadow: 0 8px 22px #0002; z-index: 1040; }
.reference-header-search input { width: 100%; min-width: 0; border: 1px solid var(--vr-gray-200, #ddd); padding: 7px 10px; color: inherit; background: transparent; border-radius: 3px; font-size: 14px; }
.reference-header-search button { flex-shrink: 0; white-space: nowrap; border: 0; border-radius: 3px; background: #d90000; color: #fff; padding: 7px 12px; font-size: 13px; }
.reference-header .reference-theme-button { display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #fff; width: 26px; height: 40px; padding: 0; }
.reference-subscribe { color: #fff; font-size: 12px; white-space: nowrap; }
.reference-topics { background: #e4e4e4; }
.reference-topics-inner { display: flex; align-items: center; gap: 23px; min-height: 34px; overflow-x: auto; scrollbar-width: none; }
.reference-topics-inner > a { display: flex; align-items: center; flex-shrink: 0; min-height: 34px; color: #161616; font-family: var(--vr-font-primary, sans-serif); font-size: 14px; line-height: 1.5; font-weight: 800; white-space: nowrap; text-decoration: none; }
.reference-topics-inner > a:hover, .reference-topics-inner > a[aria-current="page"] { color: #c00000; }
.reference-header a:focus-visible, .reference-header summary:focus-visible, .reference-header button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.reference-topics a:focus-visible { outline: 2px solid #b40000; outline-offset: -2px; }
[data-bs-theme="dark"] .reference-header-primary { background: #a20c18; border-top-color: #5f1119; }
[data-bs-theme="dark"] .reference-header-brand .reference-logo-light { display: none; }
[data-bs-theme="dark"] .reference-header-brand .reference-logo-dark { display: block; }
[data-bs-theme="dark"] .reference-primary-nav > a { color: #fff5f5; }
[data-bs-theme="dark"] .reference-topics { background: #202329; border-color: #353b44; }
[data-bs-theme="dark"] .reference-topics-inner > a { color: #e1e6ed; }
[data-bs-theme="dark"] .reference-topics-inner > a:hover,
[data-bs-theme="dark"] .reference-topics-inner > a[aria-current="page"] { color: #ffadb5; }
[data-bs-theme="dark"] .reference-topics a:focus-visible { outline-color: #ffadb5; }
[data-bs-theme="dark"] .reference-header-search form { background: #202329; color: #eef1f6; border-color: #424955; box-shadow: 0 10px 28px #0007; }
[data-bs-theme="dark"] .reference-header-search input { background: #15181d; color: #f3f5f8; border-color: #505967; color-scheme: dark; }
[data-bs-theme="dark"] .reference-header-search input::placeholder { color: #aeb6c2; opacity: 1; }
[data-bs-theme="dark"] .reference-header-search button { background: #b91624; color: #fff; }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .reference-header-inner { gap: 16px; }
    .reference-header-brand { flex-basis: 155px; }
    .reference-header-brand img { max-width: 155px; }
    .reference-primary-nav { gap: 16px; }
    .reference-primary-nav > a { font-size: 12px; }
}
@media (max-width: 991.98px) {
    html[data-theme] .mobile-nav-wrapper .mobile-header { background: #e60000; color: #fff; height: 56px; box-shadow: none !important; }
    html[data-theme] .mobile-nav-wrapper .mobile-header .header-btn { color: #fff; }
    html[data-theme] .mobile-nav-wrapper .mobile-header .header-logo img { max-height: 32px; max-width: 185px; }
    html[data-theme] .mobile-header-spacer { height: 56px; }
    html[data-theme][data-bs-theme="dark"] .mobile-nav-wrapper .mobile-header { background: #a20c18; border-bottom: 1px solid #69222a; }
    .reference-topics-inner { gap: 20px; min-height: 33px; }
    .reference-topics-inner > a { min-height: 34px; font-size: 14px; }
}