/* Shared brand/navigation proportions. Existing page content is unchanged. */
:root { --site-header-height: 64px; }
.site-header { background: #fff; }
.site-header > .max-w-7xl { max-width: 1264px; padding-inline: 20px; }
.site-header > .max-w-7xl > .h-16 { height: var(--site-header-height); }
.site-header .site-brand-mark { height: 37px; width: auto; max-height: none; }
.site-header .desktop-nav > div { margin-left: 2rem; column-gap: 1rem; }
.site-header .desktop-nav > div > :not([hidden]) ~ :not([hidden]) { margin-left: 0; margin-right: 0; }
.site-header .site-nav-link { border-radius: 0; padding: .75rem .35rem; position: relative; font-weight: 500; color: #334155; white-space: nowrap; }
.site-header .site-nav-link:hover { background: transparent; color: #075985; }
.site-header .site-nav-link.is-current { color: #075985; }
.site-header .site-nav-link.is-current::after { content: ''; position: absolute; height: 2px; background: #087f83; bottom: .3rem; inset-inline: .35rem; }
.site-header .site-client-trigger { background: #fff; color: #334155; border: 1px solid #d6e0e7; border-radius: .4rem; padding: .55rem .8rem; min-height: 42px; }
.site-header .site-client-trigger:hover { background: #f1f6f8; border-color: #94a3b8; }
.site-header .site-client-trigger svg { color: #64748b; }
.site-nav-search { position: relative; height: 100%; display: flex; align-items: center; }
.site-search-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: #475569; border-radius: .4rem; }
.site-search-toggle:hover { background: #f1f6f8; color: #075985; }
.site-search-panel { position: absolute; right: 0; top: calc(100% + 10px); display: flex; align-items: center; padding: .6rem; gap: .5rem; width: 360px; border: 1px solid #d6e0e7; border-radius: .5rem; box-shadow: 0 8px 24px #0f172a0d; background: #fff; }
.site-header .site-search-panel input { flex: 1; min-width: 0; width: 100%; border: 0 !important; background: #fff !important; padding: .65rem; font-size: .875rem; }
.site-search-panel button { padding: .6rem .8rem; min-height: 44px; color: #075985; font-size: .875rem; font-weight: 600; }
.site-mega-menu { top: var(--site-header-height) !important; max-height: calc(100dvh - var(--site-header-height)); overflow-y: auto; }
.site-mobile-menu { top: var(--site-header-height) !important; height: calc(100dvh - var(--site-header-height)) !important; }
.site-mobile-menu .site-mobile-current { color: #075985 !important; }
.site-mobile-menu [aria-current] { color: #075985 !important; }
.detail-toc { top: calc(var(--site-header-height) + 24px); }
.detail-section { scroll-margin-top: calc(var(--site-header-height) + 28px); }
@media (min-width: 768px) {
    :root { --site-header-height: 72px; }
    .site-header > .max-w-7xl { padding-inline: 32px; }
    .site-header .site-brand-mark { height: 40px; }
}
@media (min-width: 1280px) {
    :root { --site-header-height: 80px; }
    .site-header .site-brand-mark { height: 44px; }
}
@media (max-width: 767px) {
    .detail-sidebar { top: var(--site-header-height); }
    .detail-toc { position: static; }
    .detail-section { scroll-margin-top: calc(var(--site-header-height) + 76px); }
}