/* Guide-inspired gold highlights and contextual flyouts. */
#qiNavigation{z-index:30}
#qiNavigation .qi-nav-item{position:relative;min-width:0}
#qiNavigation .qi-nav-item>button:not(.qi-nav-toggle){padding-right:30px;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}
#qiNavigation .qi-nav-item>button:not(.qi-nav-toggle):hover,
#qiNavigation .qi-nav-item[data-open="true"]>button:not(.qi-nav-toggle){color:var(--amber);background:var(--panel2);box-shadow:inset 3px 0 var(--amber)}
#qiNavigation button.qi-nav-toggle{position:absolute;right:2px;top:9px;width:26px;min-height:28px;padding:0;text-align:center;color:var(--muted);font-size:19px;background:none}
#qiNavigation button.qi-nav-toggle:hover,
#qiNavigation button.qi-nav-toggle[aria-expanded="true"]{color:var(--amber)}
#qiNavigation .qi-nav-panel{display:none;position:absolute;left:100%;top:0;width:320px;max-height:70vh;overflow:auto;padding:18px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-top:2px solid var(--amber);box-shadow:0 16px 36px #0005;z-index:31}
#qiNavigation .qi-nav-item[data-open="true"]>.qi-nav-panel{display:block}
#qiNavigation .qi-nav-panel h2{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin:0 0 12px}
#qiNavigation .qi-nav-panel button{display:block;width:100%;padding:12px 10px;min-height:58px;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);transition:color .18s ease,background-color .18s ease}
#qiNavigation .qi-nav-panel button:last-child{border-bottom:0}
#qiNavigation #fdPageNav .qi-nav-panel button{width:100%}
#qiNavigation .qi-nav-panel button strong{display:block;font-size:13px;font-weight:600}
#qiNavigation .qi-nav-panel button small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px}
#qiNavigation .qi-nav-panel button:hover,
#qiNavigation .qi-nav-panel button:focus-visible{color:var(--amber);background:var(--panel3)}
@media(max-width:700px){
 #qiNavigation>.qi-nav-item{width:25%}
 #qiNavigation #fdPageNav>.qi-nav-item{width:50%}
 #qiNavigation .qi-nav-item>button:not(.qi-nav-toggle){padding:8px 16px 8px 3px;width:100%;font-size:10px}
 #qiNavigation #fdPageNav .qi-nav-item>button:not(.qi-nav-toggle){width:100%}
 #qiNavigation button.qi-nav-toggle{right:0;top:19px;width:17px;font-size:16px}
 #qiNavigation #fdPageNav button.qi-nav-toggle{width:17px}
 #qiNavigation .qi-nav-panel{position:fixed;left:12px;right:12px;top:auto;bottom:76px;width:auto;max-height:55vh;padding:16px}
 #qiNavigation .qi-nav-item>button:not(.qi-nav-toggle):hover,
 #qiNavigation .qi-nav-item[data-open="true"]>button:not(.qi-nav-toggle){box-shadow:inset 0 3px var(--amber)}
}
@media(prefers-reduced-motion:reduce){#qiNavigation .qi-nav-item button{transition:none}}