/* No width, palette or opacity changes to the site or content cards. */
:root body .rx-header { position: sticky; top: 0; z-index: 99999; }
:root body.admin-bar .rx-header { top: 32px; }
@media (min-width: 601px) and (max-width: 782px) {
    :root body.admin-bar .rx-header { top: 46px; }
}
@media (max-width: 600px) {
    :root body.admin-bar .rx-header { top: 0; }
}
/* The automatic ticker is a separate sibling above the header, never sticky. */
:root body > .rx-ticker-wrap { position: relative !important; top: auto !important; }
html { scroll-padding-top: var(--rx-scroll-offset, 100px); }
:root body .rx-toc-sticky { top: var(--rx-sticky-offset, 100px); }
.rx-clickable-card, .cat-post-item, .rx-recent-post, .rx-related-card,
.vga-post-card, .vga-post-row, .rx-search-card, .rx-author-post-card,
.rx-hero-main, .rx-hero-side-item, .rx-tr-item { cursor: pointer; }
.rx-clickable-card:focus-within { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.rx-desktop-menu-left { display: none; }
.rx-submenu-toggle { background: transparent; color: var(--color-text); border: 0; padding: 6px; cursor: pointer; }
.rx-submenu-toggle:focus-visible { outline: 2px solid var(--color-accent); }
:root body .rx-nav-item:focus-within > .rx-sub-menu,
:root body .rx-sub-item:focus-within > .rx-sub-menu,
:root body .rx-sub-item:hover > .rx-sub-menu,
:root body .rx-nav-item.rx-open > .rx-sub-menu,
:root body .rx-sub-item.rx-open > .rx-sub-menu { display: block; }
.rx-sub-item { position: relative; }
@media (min-width: 992px) {
    :root:root:root:root body .rx-nav-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(140px,200px) minmax(0,1fr); gap: 16px; }
    .rx-desktop-menu-left { display: block; grid-column: 1; min-width: 0; }
    :root:root:root:root body .rx-nav-inner > .site-branding { grid-column: 2; grid-row: 1; }
    :root:root:root:root body .rx-nav-inner > .rx-nav-collapse { grid-column: 3; grid-row: 1; justify-self: stretch; width: 100%; gap: 8px; }
    :root body #rxNavCollapse > .navbar-nav.rx-navbar-nav { display: flex !important; }
    :root body .rx-header .navbar-nav.rx-navbar-nav { gap: 2px 4px; align-items: center; flex-wrap: wrap; }
    :root body #rxMenuLeft { justify-content: space-evenly; }
    :root body #rxNavCollapse > .navbar-nav { flex: 1; justify-content: space-evenly; }
    :root body .rx-header .navbar-nav.rx-navbar-nav > li > a.rx-nav-link { padding: 16px 7px; font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: normal; }
    :root body .rx-header .rx-sub-menu .rx-sub-menu { top: 0; left: 100%; }
    :root body #rxNavCollapse .rx-sub-menu { left: auto; right: 0; }
    :root body #rxNavCollapse .rx-sub-menu .rx-sub-menu { right: 100%; }
    :root body .rx-header .rx-submenu-toggle { padding: 4px; font-size: 12px; }
    :root body .rx-header .menu-item-has-children > a { display: inline-block !important; }
    :root:root:root:root body .rx-nav-inner.rx-logo-left { grid-template-columns: minmax(120px,180px) minmax(0,1fr); }
    .rx-nav-inner.rx-logo-left > .rx-desktop-menu-left { display: none; }
    :root:root:root:root body .rx-nav-inner.rx-logo-left > .site-branding { grid-column: 1; }
    :root:root:root:root body .rx-nav-inner.rx-logo-left > .rx-nav-collapse { grid-column: 2; }
}
@media (max-width: 991px) {
    :root body .rx-header .menu-item-has-children > a { padding-right: 45px; }
    .rx-submenu-toggle { position: absolute; top: 7px; right: 8px; min-width: 32px; min-height: 32px; }
    :root body .rx-header .rx-sub-menu { display: none !important; }
    :root body .rx-header .rx-open > .rx-sub-menu { display: block !important; }
}
@media print { :root body .rx-header { position: static; } }