/* Eight equal columns keep every destination in view without scrolling. */
#desktopSidebar{display:none!important}
html #app{width:100%!important;max-width:1440px;margin:0 auto!important;padding:0 clamp(14px,3vw,34px) calc(86px + env(safe-area-inset-bottom,0px))!important}
.modern-top .mobile-brand{display:flex!important;align-items:center;gap:10px}
.modern-top .mobile-brand .brand-mark{width:32px;height:32px;border-radius:10px;font-size:15px}
.modern-top .mobile-brand b{font-size:12px;letter-spacing:.09em}
.navigation-dock{box-sizing:border-box;position:fixed;z-index:60;left:50%;right:auto;top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 16px);max-width:560px;padding:4px;border:1px solid color-mix(in srgb,var(--l) 75%,transparent);border-radius:15px;background:color-mix(in srgb,var(--p) 96%,transparent);backdrop-filter:blur(18px);box-shadow:0 4px 22px #00000024}
.navigation-dock[data-overlay="true"]{opacity:0;visibility:hidden;pointer-events:none}
#navigationDock #nav{display:block!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
#navigationDock #nav .nav-inner{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
#navigationDock #nav [data-main-view]{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;max-width:100%!important;height:40px;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent;color:var(--m);touch-action:manipulation}
#navigationDock #nav [data-main-view] b{display:none!important}
#navigationDock #nav .nav-icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 19px!important;width:19px!important;height:19px!important;margin:0!important;font-size:0!important}
#navigationDock #nav .nav-icon svg{display:block;width:19px;height:19px}
#navigationDock #nav [data-main-view]:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--t)}
#navigationDock #nav [data-main-view].active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
#navigationDock #nav [data-main-view]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:700px){html #app{padding:0 14px calc(86px + env(safe-area-inset-bottom,0px))!important}}