.hub-navigation { display:flex; flex-wrap:wrap; gap:.25rem; align-items:center; list-style:none; padding:0; margin:0; }
.hub-navigation a,.hub-navigation summary { display:block; padding:.65rem .75rem; color:#172033; text-decoration:none; border-radius:.5rem; cursor:pointer; }
.hub-navigation summary { display:list-item; list-style-position:inside; }
.hub-navigation a:hover,.hub-navigation summary:hover { background:#f1f4f8; }
.hub-navigation details { position:relative; }
.hub-menu { position:absolute; top:100%; left:0; z-index:1050; min-width:15rem; padding:.5rem; background:white; border:1px solid #d6dde6; border-radius:.6rem; box-shadow:0 8px 24px #17203320; }
.journey-navigation,.journey-setup-navigation { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.25rem; }
.journey-navigation a,.journey-setup-navigation a { padding:.65rem 1rem; border:1px solid #cbd3df; border-radius:.55rem; background:white; color:#172033; text-decoration:none; }
.journey-navigation a[aria-current=page],.journey-setup-navigation a[aria-current=page] { background:#172033; color:white; border-color:#172033; font-weight:700; }
.journey-setup-navigation a { font-size:.9rem; }
.hub-navigation a:focus-visible,.hub-navigation summary:focus-visible,.journey-navigation a:focus-visible,.journey-setup-navigation a:focus-visible { outline:3px solid #a56600; outline-offset:3px; }
.journey-view-filter { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin:1rem 0; }
.journey-view-filter select { padding:.5rem; border:1px solid #adbacc; border-radius:.4rem; }
@media(max-width:1199px) { .hub-navigation { align-items:stretch; flex-direction:column; width:100%; } .hub-menu { position:static; box-shadow:none; min-width:0; margin-left:.75rem; } }