.sidebar { overflow-y: auto; overscroll-behavior: contain; }
.sidebar > .brand, .sidebar > .edition { flex-shrink: 0; }
.main-nav { gap: 7px; }
.main-nav .nav-item { min-height: 48px; font-size: 14px; }
.nav-item > span { flex: 1; min-width: 0; }
.nav-item > svg { flex-shrink: 0; width: 19px; height: 19px; }
.nav-item > svg:last-child:not(:first-child) { width: 14px; height: 14px; color: #819087; transform: rotate(-90deg); }
.nav-item.active > svg:last-child:not(:first-child) { transform: none; }
.nav-children { margin: 6px 0 10px 21px; padding-left: 12px; border-left: 1px solid var(--line); }
.nav-subitem { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 7px; color: #6b786f; font-size: 12px; line-height: 1.4; }
.nav-subitem > span { min-width: 0; overflow-wrap: anywhere; }
.nav-subitem .eko-nav-logo { width: 14px; height: 23px; }
.nav-subitem.active { color: var(--green); font-weight: 650; }
.nav-subitem:hover { background: #f3f7f3; color: var(--green); }
.nav-item:focus-visible, .nav-subitem:focus-visible, .mobile-nav a:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.sidebar-bottom { padding-top: 24px; }
.sidebar .arrival-note { padding-top: 18px; padding-bottom: 18px; }
.topbar { gap: 20px; }
.breadcrumb { min-width: 0; }
#breadcrumb-view { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar-actions { flex-shrink: 0; }
.section-nav { display: none; }
#guide-menu-dialog .nav-group + .nav-group { border-top: 1px solid var(--line); padding-top: 7px; }
#guide-menu-dialog .nav-item > svg:last-child:not(:first-child) { display: none; }
#guide-menu-dialog .nav-children { margin-top: 0; margin-bottom: 12px; }
#guide-menu-dialog .nav-item { font-size: 14px; }
#guide-menu-dialog .nav-subitem { font-size: 13px; }
@media (min-width: 721px) and (max-width: 1024px) {
  .breadcrumb > span:first-child, .breadcrumb > .slash { display: none; }
}
@media (max-width: 720px) {
  .mobile-nav { padding-left: 5px; padding-right: 5px; }
  .mobile-nav a { min-width: 0; min-height: 48px; font-size: 10px; line-height: 1.2; gap: 5px; }
  .mobile-nav a > span { max-width: 100%; }
  .section-nav { display: flex; gap: 6px; margin: 0; padding: 0; overflow-x: auto; overscroll-behavior-x: contain; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
  .section-nav .nav-subitem { flex-shrink: 0; min-height: 50px; padding: 12px 10px; border-bottom: 2px solid transparent; font-size: 12px; white-space: nowrap; }
  .section-nav .nav-subitem.active { border-bottom-color: var(--green); }
  .section-nav .nav-subitem > span { overflow-wrap: normal; }
  .section-nav[hidden] { display: none; }
  #guide-menu-dialog { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
}