/* Phone/tablet navigation: use a real drawer instead of single-letter rail. */
@media(max-width:1100px){
  aside{position:fixed!important;left:0!important;top:66px!important;bottom:0!important;width:min(86vw,300px)!important;height:calc(100vh - 66px)!important;transform:translateX(-102%)!important;box-shadow:14px 0 35px #0004!important;overflow-y:auto!important;z-index:45!important;transition:transform .2s ease!important}
  body.tc-nav-open aside{transform:translateX(0)!important;width:min(86vw,300px)!important}
  body.tc-nav-open #tcNavScrim{display:block!important}
  aside .nav-title,aside .aside-bottom{display:block!important}
  aside .nav{justify-content:space-between!important;min-height:48px!important}
  aside .nav span:first-child{display:inline!important}
  aside .nav:before{display:none!important}
  main{max-width:100vw!important;width:100%!important;padding:12px!important}
  #tcMenuBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .topmenus{display:none!important}
}
@media(max-width:700px){
  .brand-wrap{display:none!important}
  .project-select{max-width:min(48vw,220px)!important;min-width:120px!important}
}