/* Existing navigation overflowed at tablet widths before the roadmap update.
 * Reuse its existing toggle and menu; preserve every item and action.
 */
@media(min-width:621px) and (max-width:1100px){
 .topbar .nav{position:relative;gap:12px}
 .topbar .project-brand{flex:1 1 0;min-width:0}
 .topbar .project-brand>span{min-width:0}
 .topbar .project-brand strong{font-size:.9rem!important;white-space:normal;line-height:1.15}
 .topbar .project-brand>span>span{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .topbar .nav-tools{flex:0 0 auto;gap:10px}
 .topbar .nav-toggle{display:block;flex:0 0 34px;min-width:34px;min-height:44px;padding:4px;font-size:1.3rem}
 .topbar .navlinks{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;gap:10px;padding:16px 20px;background:#fff;border:1px solid #e4e8f0;border-radius:0 0 10px 10px;box-shadow:0 14px 25px #10132114}
 .topbar .navlinks.open{display:flex}
 .topbar .navlinks a{display:block;white-space:normal;font-size:.9rem;padding:8px 11px;min-height:44px}
}