/* Child navigation stays in the existing rail/drawer, never in a hover-only flyout. */
.rnav-list li,.drawer-list li{position:relative}
.rnav-list .sub-menu,.drawer-list .sub-menu{list-style:none;margin:5px 0 10px 15px;padding:0 0 0 10px;border-left:1px solid var(--line)}
.rnav-list .sub-menu a,.drawer-list .sub-menu a{display:flex;align-items:center;min-height:44px;padding:9px 10px;font-size:13px;line-height:1.45;color:var(--dim);border-radius:7px;text-decoration:none}
.drawer-list .sub-menu a{font-size:15px;padding:11px 10px}
.rnav-list .sub-menu a:hover,.drawer-list .sub-menu a:hover{color:var(--cream);background:var(--panel)}
.rnav-list .current-menu-ancestor>a,.drawer-list .current-menu-ancestor>a,.rnav-list .sub-menu a[aria-current="page"],.drawer-list .sub-menu a[aria-current="page"]{color:var(--amber-hi);background:var(--panel)}
.rnav-list .menu-item-has-children>a,.drawer-list .menu-item-has-children>a{padding-right:48px}
.nav-toggle{position:absolute;right:0;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--dim);cursor:pointer;font-size:24px;line-height:1}
.drawer-list .nav-toggle{top:5px}
.nav-toggle:hover{color:var(--cream);background:var(--panel);border-color:var(--line)}
.nav-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-toggle[hidden],.sub-menu[hidden]{display:none!important}
@media(min-width:981px){.rail>.rnav{flex:0 1 auto;min-height:48px;overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:-4px}}
/* The optional live CTA note needs the same readable contrast as menu copy. */
.drawer .dr-note{color:var(--dim)}