/* v4.3.288: navigation with two levels, mouse, keyboard and touch. */
header .nav.on6-nav{gap:4px;align-items:center;flex-wrap:wrap}
.on6-nav .on6-menu-group{position:relative;display:block;margin:0;border:0;padding:0;background:transparent}
.on6-nav .on6-menu-group>summary,.on6-nav>a{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 9px!important;box-sizing:border-box;color:#edf7ff;font:600 13px/1.3 system-ui;white-space:nowrap;cursor:pointer;border-radius:8px;text-decoration:none}
.on6-nav summary{list-style:none}.on6-nav summary::-webkit-details-marker{display:none}
.on6-nav summary:after{content:'⌄';font-size:14px}
.on6-nav details[open]>summary,.on6-nav summary:hover,.on6-nav .is-current>summary,.on6-nav a[aria-current=page]{background:#173c51;color:#fff}
.on6-nav :is(a,summary,button):focus-visible{outline:3px solid #65dbff;outline-offset:2px}
.on6-nav .on6-submenu{position:absolute;z-index:10001;top:100%;left:0;min-width:250px;max-width:calc(100vw - 32px);padding:8px;border:1px solid #386279;border-radius:10px;background:#081e2e;box-shadow:0 14px 30px #0006}
.on6-nav details:not([open])>.on6-submenu{display:none!important}
.on6-nav .on6-submenu a{display:block;min-height:44px;padding:12px;border-radius:6px;color:#e4f3fc;font:500 14px/1.4 system-ui;white-space:normal;text-decoration:none}
.on6-nav .on6-submenu a:hover{background:#173c51}
.on6-nav .on6-dispatch{background:#963947!important;border:1px solid #e68b96!important;color:#fff!important;margin-left:4px}
.on6-nav .nav-utilities{display:flex!important;flex-wrap:wrap;padding:10px 0;border-top:1px solid #386279;margin-top:8px}
.on6-nav .on6uhf-search-nav{min-width:44px;min-height:44px}
@media(max-width:1380px){
header .topin{flex-wrap:wrap}header .menu{display:block!important;margin-left:auto}
header .nav.on6-nav{display:none!important;width:100%;flex-basis:100%;max-height:75dvh;overflow:auto}
header .nav.on6-nav.open{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0}
.on6-nav .on6-submenu{position:static;max-width:none;min-width:0;box-shadow:none;margin:0 0 8px 10px}
.on6-nav .on6-menu-group>summary{justify-content:space-between;min-height:48px}
.on6-nav .on6-dispatch{justify-content:center;margin:4px 0}
}
.dpc-rail [data-websdr-group][hidden]{display:none!important}
.dpc-rail .dpc-rail-group>div>[data-websdr-group]{padding:0}

.on6-nav .on6-dispatch:hover,.on6-nav .on6-dispatch:focus-visible{background:#b04656!important;border-color:#ffb1ba!important;color:#fff!important}

/* Controls belong to the existing header, never to a separate top strip. */
header.topbar .topin{display:flex;align-items:center;gap:12px}
header.topbar .on6-header-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:auto;position:relative}
header.topbar .on6-header-controls .on6-font-tool{position:static!important;inset:auto!important;z-index:auto!important;padding:0!important;gap:3px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;margin:0}
header.topbar .on6-header-controls .on6-font-tool button{min-width:36px!important;width:36px!important;height:40px!important;padding:0!important}
header.topbar .on6-header-controls .on6-font-tool output{flex:0 0 38px;min-width:38px;font-size:11px}
header.topbar .on6-header-controls .on6-font-tool [data-font-reset]{display:none!important}
header.topbar .on6-qra-picker{position:relative;margin:0;padding:0;border:0;background:transparent}
header.topbar .on6-qra-picker>summary{display:flex;align-items:center;min-height:40px;padding:7px 10px;list-style:none;border:1px solid #345568;border-radius:8px;background:#102c3d;color:#d4e8ed;font:600 12px/1.3 system-ui;white-space:nowrap;cursor:pointer}
header.topbar .on6-qra-picker>summary::-webkit-details-marker{display:none}
header.topbar .on6-qra-picker>summary:after{content:'⌄';margin-left:7px}
header.topbar .on6-qra-picker>.on6uhf-qra-nav{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;bottom:auto!important;z-index:10010;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:240px!important;max-width:calc(100vw - 24px);padding:14px!important;margin:0!important;background:#0a2232!important;border:1px solid #34596f!important;border-radius:12px!important;box-shadow:0 14px 32px #0008!important}
header.topbar .on6-qra-picker:not([open])>.on6uhf-qra-nav{display:none!important}
header.topbar .on6-qra-picker a{display:flex;align-items:center;min-height:40px;padding:8px;border-radius:6px;color:#b7e5ef!important;font:500 14px/1.4 system-ui!important;text-decoration:none}
header.topbar .on6-qra-picker a:hover{background:#183f52}
header.topbar .on6-qra-picker input{width:100%!important;min-height:42px;box-sizing:border-box;font-size:16px!important}
header.topbar .on6-header-controls :is(summary,a,button):focus-visible{outline:3px solid #8bdcf3!important;outline-offset:2px}
#maidenhead-uitleg,#qraMap{scroll-margin-top:120px}
@media(max-width:1700px){
header.topbar .topin{flex-wrap:wrap}header.topbar .menu{display:block!important;margin-left:auto}
header.topbar .on6-header-controls{order:2;margin-left:0}
header.topbar .nav.on6-nav{order:3;display:none!important;width:100%;flex-basis:100%;max-height:70dvh;overflow:auto}
header.topbar .nav.on6-nav.open{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0}
.on6-nav .on6-submenu{position:static;max-width:none;min-width:0;box-shadow:none;margin:0 0 8px 10px}
}
@media(max-width:720px){header.topbar .brand small{display:none}header.topbar .topin{gap:6px}header.topbar .brand img{width:34px!important;height:34px!important}header.topbar .brand span{display:none}header.topbar .on6-header-controls{gap:5px}header.topbar .on6-font-tool output{display:none}header.topbar .on6-qra-picker>.on6uhf-qra-nav{right:-78px!important}}

/* v294: keep navigation choices visible, including tablets. */
header.topbar .brand{position:relative;flex:0 0 auto;min-width:0;margin-right:6px}
header.topbar .brand .on6-home-globe{display:grid!important;place-items:center;position:absolute;left:29px;bottom:-3px;width:22px;height:22px;border:1px solid #70bdcf;border-radius:50%;background:#082335;color:#e4fbff}
header.topbar .on6-home-globe svg{display:block;width:18px;height:18px}
header.topbar .menu{display:none!important}
header.topbar .nav.on6-nav,header.topbar .nav.on6-nav.open{display:flex!important;flex-direction:row!important;align-items:stretch;flex-wrap:wrap;overflow:visible!important;max-height:none!important;gap:5px;padding:0}
header.topbar .nav.on6-nav>.on6-menu-group{flex:1 1 100px;min-width:0}
header.topbar .nav.on6-nav>.on6-menu-group>summary{height:100%;white-space:normal!important;text-align:left;font-size:clamp(12px,.85vw,14px);line-height:1.25;justify-content:space-between}
header.topbar .nav.on6-nav .on6-submenu{position:absolute;top:100%;left:0;min-width:240px;margin:5px 0 0;max-height:60dvh;overflow-y:auto;box-shadow:0 14px 30px #0006}
header.topbar .nav.on6-nav>.on6-menu-group:last-of-type .on6-submenu{left:auto;right:0}
@media(max-width:1700px){header.topbar .topin{display:flex;flex-wrap:wrap}header.topbar .on6-header-controls{order:1;margin-left:auto}header.topbar .nav.on6-nav{order:2;flex-basis:100%;width:100%;padding-bottom:6px}}
@media(max-width:720px){header.topbar .nav.on6-nav>.on6-menu-group{flex-basis:28%}header.topbar .nav.on6-nav .on6-submenu{min-width:210px;max-width:calc(100vw - 30px)}header.topbar .brand .on6-home-globe{left:21px;bottom:-4px}}
header.topbar .nav.on6-nav{position:relative!important;inset:auto!important;flex-wrap:wrap!important;box-sizing:border-box;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 0 6px!important}
header.topbar .nav.on6-nav>.on6-menu-group{display:block!important;flex:1 1 105px!important;min-width:100px!important;width:auto!important}
header.topbar .nav.on6-nav>a{width:auto!important;flex:0 0 auto!important;align-self:stretch;min-height:44px!important;font-size:13px!important;padding:10px!important;justify-content:center!important}
header.topbar .nav.on6-nav>.on6uhf-search-nav{width:44px!important;flex:0 0 44px!important;align-self:center}
@media(max-width:720px){header.topbar .nav.on6-nav>.on6-menu-group{flex-basis:28%!important;min-width:90px!important}}
header.topbar .nav.on6-nav>.on6uhf-search-nav{display:grid!important;place-items:center!important;padding:8px!important;height:44px!important;min-width:44px!important;font-size:0!important;overflow:hidden!important}
header.topbar .nav.on6-nav>.on6uhf-search-nav:after{display:none!important;content:none!important}
header.topbar .nav.on6-nav>.on6uhf-search-nav svg{width:21px!important;height:21px!important;min-width:21px;stroke:currentColor}
header.topbar .on6-header-controls>.on6-help-launch{min-width:44px;padding:0 8px;min-height:40px;height:40px}

/* v295: synchronized labels and compact touch navigation. */
header.topbar .on6-menu-label{display:block;min-width:0;white-space:nowrap!important}
header.topbar .nav.on6-two-lines .on6-menu-label>span{display:block;white-space:nowrap}
header.topbar .nav.on6-two-lines>.on6-menu-group>summary{min-height:56px!important}
header.topbar .nav.on6-nav>a.on6-dispatch{position:relative;isolation:isolate;overflow:hidden;align-self:center;min-height:44px!important;padding:8px 11px!important;margin:0 2px;border-radius:10px;font-size:12px!important;letter-spacing:.02em;background:linear-gradient(150deg,#81323f,#582b36)!important;border-color:#b96573!important;box-shadow:inset 0 1px #ffffff24}
.on6-dispatch:before{content:"";position:absolute;inset:-30% -80%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffe4df35 50%,transparent 58%);transform:translateX(-70%);animation:on6-dispatch-light 7s ease-in-out infinite}
@keyframes on6-dispatch-light{0%,65%{transform:translateX(-70%)}90%,100%{transform:translateX(70%)}}
@media(max-width:720px){
 header.topbar .topin{padding:8px 10px!important;gap:8px!important;max-width:100%;box-sizing:border-box}
 header.topbar .brand{margin:0!important;min-height:44px;display:flex!important;align-items:center}
 header.topbar .brand img{width:38px!important;height:38px!important}
 header.topbar .on6-header-controls{flex:1 1 240px;justify-content:flex-end;gap:4px;flex-wrap:wrap;min-width:0}
 header.topbar .on6-qra-picker>summary{min-height:44px;padding:6px;font-size:11px}
 header.topbar .on6-header-controls .on6-font-tool button{min-width:38px!important;width:38px!important;height:44px!important}
 header.topbar .on6-header-controls>.on6-help-launch{min-width:44px;width:44px;min-height:44px;height:44px;padding:0}
 header.topbar .on6-help-launch b{display:none}
 header.topbar .on6-header-controls>.on6uhf-search-nav{display:grid!important;place-items:center;min-width:44px;width:44px;height:44px;padding:8px!important;box-sizing:border-box;font-size:0;border:1px solid #345568;border-radius:9px}
 header.topbar .on6-header-controls>.on6uhf-search-nav:after{display:none!important}
 header.topbar .on6-header-controls>.on6uhf-search-nav svg{width:21px;height:21px}
 header.topbar .nav.on6-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0!important}
 header.topbar .nav.on6-nav>.on6-menu-group{min-width:0!important;width:100%!important}
 header.topbar .nav.on6-nav>.on6-menu-group>summary{padding:7px 6px!important;font-size:12px;gap:3px;background:#0c2738;border:1px solid #234455;border-radius:8px}
 header.topbar .nav.on6-nav>a.on6-dispatch{width:100%!important;margin:0;min-height:56px!important}
 header.topbar .nav.on6-nav .on6-submenu{position:fixed;top:var(--on6-menu-bottom,160px);left:10px!important;right:10px!important;width:auto;min-width:0;max-width:none;max-height:calc(100dvh - var(--on6-menu-bottom,160px) - 20px);margin:0}
 header.topbar .on6-qra-picker>.on6uhf-qra-nav{position:fixed!important;top:var(--on6-controls-bottom,64px)!important;left:10px!important;right:auto!important;width:min(280px,calc(100vw - 20px))!important}
}
@media(prefers-reduced-motion:reduce){.on6-dispatch:before{animation:none!important;display:none}}
@media(max-width:720px){header.topbar .on6-header-controls>.on6uhf-search-nav{flex:0 0 44px!important;width:44px!important;max-width:44px!important;justify-content:center!important;margin:0!important}}
@media(max-width:360px){
 header.topbar .topin{column-gap:4px!important}
 header.topbar .on6-header-controls{flex-basis:218px;flex-wrap:nowrap;gap:3px}
 header.topbar .on6-qra-prefix{display:none}
 header.topbar .on6-qra-picker>summary{font-size:10px;padding:4px}
 header.topbar .on6-qra-picker>summary:after{margin-left:3px}
 header.topbar .on6-header-controls .on6-font-tool{gap:2px!important}
 header.topbar .on6-header-controls>.on6-help-launch{width:38px;min-width:38px}
 header.topbar .on6-header-controls>.on6uhf-search-nav{width:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important}
 header.topbar .nav.on6-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

header.topbar .on6-nav .on6-agenda{display:grid!important;place-items:center;align-self:center;flex:0 0 44px!important;width:44px!important;min-height:44px;padding:8px!important;border:1px solid #436278;border-radius:9px;color:#b9ebff;background:#0f2a3b;box-sizing:border-box}
.on6-agenda svg{width:23px;height:23px}.on6-nav-quick{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:4px;min-width:0;align-items:stretch}
header.topbar .on6-nav-quick>a.on6-dispatch{display:flex;align-items:center;justify-content:center;padding:6px 3px!important;margin:0!important;font-size:11px!important;min-width:0;min-height:56px!important;white-space:nowrap;border-radius:8px}
header.topbar .on6-nav-quick .on6-agenda{width:40px!important;min-height:56px!important;padding:7px!important;align-self:stretch}

/* v299: matching square calendar/search controls, always next to Dispatch. */
header.topbar .nav.on6-nav .on6-agenda,header.topbar .nav.on6-nav .on6uhf-search-nav{display:grid!important;place-items:center!important;box-sizing:border-box!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:9px!important;align-self:center!important;margin:0!important;border:1px solid #436278!important;border-radius:9px!important;background:#0f2a3b!important;color:#b9ebff!important;font-size:0!important}
header.topbar .nav.on6-nav :is(.on6-agenda,.on6uhf-search-nav) svg{display:block!important;width:24px!important;height:24px!important;min-width:24px!important}
header.topbar .nav.on6-nav .on6uhf-search-nav:after{display:none!important}
@media(max-width:720px){
 header.topbar .nav.on6-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 header.topbar .nav.on6-nav>.on6-menu-group:last-of-type{grid-column:1/-1}
 header.topbar .on6-nav-quick{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:6px;padding-top:2px}
 header.topbar .on6-nav-quick>a.on6-dispatch{position:relative;overflow:hidden;min-height:44px!important;height:44px!important;padding:8px 14px!important;font-size:12px!important;background:linear-gradient(150deg,#81323f,#582b36)!important;border:1px solid #b96573!important;box-sizing:border-box}
}
@media(min-width:721px){header.topbar .nav.on6-nav{flex-wrap:nowrap!important}header.topbar .nav.on6-nav>.on6-menu-group{flex:1 1 0!important;min-width:0!important}header.topbar .nav.on6-two-lines>.on6-menu-group>summary{padding:8px 5px!important;font-size:12px!important}}
@media(max-width:720px){header.topbar .on6-nav-quick>a.on6-dispatch{flex:0 0 auto!important;width:auto!important}}
