.fleet-topbar, .timetable-topbar, .depot-topbar, .builder-topbar { position: relative; }
.page-menu { position: absolute; z-index: 3000; top: 50%; left: 270px; flex: 0 0 auto; transform: translateY(-50%); }
.fleet-brand > span:last-child, .timetable-brand > span:last-child, .depot-brand > span:last-child, .builder-brand > span { display: none; }
.fleet-page-title, .timetable-page-title, .depot-topbar > div, .builder-topbar > div { margin-left: 0; }
.page-menu summary { min-width: 74px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.48); border-radius: 2px; color: #fff; background: rgba(0,0,0,.1); cursor: pointer; font-size: 12px; font-weight: 700; list-style: none; text-align: center; }
.page-menu summary::-webkit-details-marker { display: none; }
.page-menu summary::after { margin-left: 7px; content: '▾'; font-size: 10px; }
.page-menu[open] summary { background: rgba(0,0,0,.2); }
.page-menu-list { position: absolute; top: calc(100% + 8px); right: 0; display: grid; min-width: 196px; gap: 2px; padding: 6px; border: 1px solid #245f38; border-radius: 2px; background: #245f38; box-shadow: 0 5px 14px rgba(20,50,28,.24); }
.page-menu-list a { padding: 9px 10px; border-left: 3px solid transparent; color: rgba(255,255,255,.92); font-size: 12px; font-weight: 600; text-decoration: none; }
.page-menu-list a:hover, .page-menu-list a[aria-current='page'] { border-left-color: #fff; color: #fff; background: rgba(0,0,0,.14); }
@media (max-width: 520px) {
  .page-menu { left: 180px; }
  .page-menu summary { min-width: 64px; padding: 7px 8px; font-size: 11px; }
  .page-menu-list { min-width: 180px; }
}