/* Native WordPress submenu, with independent navigation and disclosure. */
.rx-menu>.menu-item-has-children{position:relative;display:flex;align-items:center;gap:3px}
.rx-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:36px;padding:0;border:0;border-radius:8px;color:inherit;background:transparent;cursor:pointer}
.rx-submenu-toggle svg{transition:transform .18s ease}
.is-submenu-open>.rx-submenu-toggle svg{transform:rotate(180deg)}
.rx-submenu-toggle:focus-visible{outline:2px solid var(--rx-cyan,#00c2f0);outline-offset:3px}
.rx-menu .sub-menu{position:absolute;top:100%;left:-16px;z-index:60;width:max-content;min-width:172px;max-width:220px;margin:0;padding:5px;list-style:none;background:#061e36;border:1px solid rgba(58,178,236,.32);border-radius:11px;box-shadow:0 14px 35px rgba(0,13,30,.32);display:none}
.rx-menu .is-submenu-open>.sub-menu{display:block}
.rx-menu .sub-menu li{margin:0;padding:0}
.rogenx-site .rx-header .rx-menu .sub-menu a{display:block;padding:10px 12px;border-radius:7px;color:#e8f5ff!important;font-size:13px;line-height:1.3;text-shadow:none!important;white-space:normal}
.rx-menu .sub-menu a:after{display:none}
.rogenx-site .rx-header .rx-menu .sub-menu a:hover,.rogenx-site .rx-header .rx-menu .sub-menu a:focus-visible,.rogenx-site .rx-header .rx-menu .sub-menu .current-menu-item>a{color:#ffffff!important;background:linear-gradient(110deg,rgba(0,112,255,.40),rgba(0,185,217,.19))}
.rx-menu>.current-menu-ancestor>a{color:var(--rx-blue,#0068ff)}
.rx-front-header-overlay .rx-header:not(.is-scrolled) .rx-submenu-toggle{color:#eaf6ff}
.rx-context-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,169,212,.55);text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .18s ease}
.rx-context-link:hover{text-decoration-color:currentColor}
.rx-context-link:focus-visible{outline:2px solid var(--rx-cyan,#00c2f0);outline-offset:4px;border-radius:2px}
.rx-story-hero h1 .rx-context-link{text-decoration:none}
@media(max-width:1180px){
 .rx-menu>.menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;width:100%}
 .rx-menu>.menu-item-has-children>a{width:auto}
 .rx-submenu-toggle{width:44px;height:44px;justify-self:end;color:#14243a!important}
 .rx-menu .sub-menu{position:static;grid-column:1/-1;width:100%;max-width:none;min-width:0;padding:4px 0 4px 14px;border:0;border-left:2px solid #9cdaec;border-radius:0;box-shadow:none;background:transparent;margin:4px 0 10px}
 .rogenx-site .rx-header .rx-menu .sub-menu a{padding:10px 12px;font-size:14px;color:#14243a!important}.rogenx-site .rx-header .rx-menu .sub-menu a:hover,.rogenx-site .rx-header .rx-menu .sub-menu a:focus-visible{color:#0068ff!important;background:rgba(0,104,255,.09)}
 .rx-nav.is-open{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){.rx-submenu-toggle svg,.rx-context-link{transition:none}}

.rx-footer__brand .rx-context-link{color:inherit;text-decoration-color:rgba(121,230,255,.5)}
/* Seven primary destinations retain a single line on desktop. */
@media(min-width:1181px){
 .rogenx-site .rx-header__inner{gap:22px}
 .rogenx-site .rx-header .rx-menu{gap:min(var(--rx-menu-gap,26px),16px)}
 .rx-menu>li>a{white-space:nowrap}
 .rx-header .rx-brand,.rx-header__inner>.rx-button{flex-shrink:0}
}
@media(min-width:1181px) and (max-width:1280px){
 .rogenx-site .rx-header__inner{gap:16px}
 .rogenx-site .rx-header .rx-menu{gap:10px}
 .rogenx-site .rx-header .rx-menu>li>a{font-size:min(var(--rx-menu-font-size,15px),13px)}
 .rx-submenu-toggle{width:24px}
}

/* 1.3.30 — compact navy menu integrated with RogenX header. */
@media(min-width:1181px){
 .rx-menu .sub-menu{
   left:50%;top:calc(100% + 6px);transform:translateX(-50%);
   width:max-content;min-width:178px;max-width:210px;
   padding:5px;background:rgba(4,24,44,.97);
   border:1px solid rgba(64,178,237,.32);border-radius:11px;
   box-shadow:0 14px 34px rgba(0,9,27,.30);
   -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
 }
 .rogenx-site .rx-header .rx-menu .sub-menu a{
   padding:10px 12px;border-radius:7px;font-size:13px;font-weight:650;
   line-height:1.3;color:#e8f5ff!important
 }
 .rx-menu .sub-menu:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:8px}
}

/* 1.3.33 — contextual navigation, keyboard focus and fixed-header anchors. */
.rogenx-site .rx-story-points .rx-story-point-link{display:inline-flex;align-items:center;gap:10px;color:#d6e4f0;font-size:.86rem;font-weight:700;white-space:nowrap;text-decoration:none;border-radius:3px}
.rogenx-site .rx-story-point-link>span{text-decoration:underline;text-decoration-color:rgba(0,194,240,.6);text-underline-offset:.25em;text-decoration-thickness:1px}
.rogenx-site .rx-story-point-link:hover>span{color:#fff;text-decoration-color:currentColor}
.rogenx-site .rx-story-step--link{color:inherit;text-decoration:none;border-radius:3px}
.rogenx-site .rx-story-step--link b{text-decoration:underline;text-decoration-color:rgba(0,169,212,.5);text-underline-offset:.25em;text-decoration-thickness:1px}
.rogenx-site .rx-story-step--link:hover b{text-decoration-color:currentColor}
.rogenx-site :is(.rx-story-point-link,.rx-story-step--link,.rx-story-band__item[href]):focus-visible{outline:2px solid var(--rx-cyan,#00c2f0);outline-offset:5px}
.rogenx-site .rx-story-page section[id]{scroll-margin-top:calc(var(--rx-header-height,82px) + var(--wp-admin--admin-bar--height,0px) + 22px)}
@media(max-width:760px){.rogenx-site .rx-story-points .rx-story-point-link{font-size:.78rem;white-space:normal;min-height:32px}}

/* 1.3.34 — readable submenu chevron on the light, scrolled header. */
.rogenx-site .rx-header .rx-submenu-toggle{color:#0068ff!important}
.rogenx-site .rx-header .rx-submenu-toggle:hover,
.rogenx-site .rx-header .rx-submenu-toggle:focus-visible{color:#087f8c!important}
@media(min-width:1181px){
 .rogenx-site.rx-front-header-overlay .rx-header:not(.is-scrolled) .rx-submenu-toggle{color:#eaf6ff!important}
 .rogenx-site.rx-front-header-overlay .rx-header:not(.is-scrolled) .rx-submenu-toggle:hover,
 .rogenx-site.rx-front-header-overlay .rx-header:not(.is-scrolled) .rx-submenu-toggle:focus-visible{color:#00c2f0!important}
}