/* Seven equal touch targets with labels contained in their own column. */
html body .bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
html body .bottom-nav .nav-item{min-width:0;margin:0;padding:0 2px;align-items:center;text-align:center}
html body .bottom-nav .nav-item>span{max-width:100%;line-height:1.25;white-space:nowrap;letter-spacing:normal}
.bottom-nav .nav-label-short{display:none}
@media(max-width:760px){
  html body .bottom-nav{left:0;right:0;padding-left:max(2px,env(safe-area-inset-left,0px))!important;padding-right:max(2px,env(safe-area-inset-right,0px))!important;gap:0}
  html body .bottom-nav .nav-item{padding:0;font-size:clamp(8px,2vw,10px)!important;gap:4px;min-height:50px}
}
@media(max-width:390px){
  .bottom-nav .nav-label-full{display:none}
  .bottom-nav .nav-label-short{display:inline}
}
/* The standalone Boutiques tab no longer needs clearance for the old drawer. */
html.companion-discovery body #quickReportBtn{bottom:calc(var(--nav-h) + var(--safe-b) + 18px)!important}
/* Keep map credits readable above the action on narrow screens as well. */
html.companion-discovery body .leaflet-control-attribution{margin-bottom:calc(var(--nav-h) + var(--safe-b) + 78px)!important}
html body .bottom-nav button.nav-item{padding:0}
html body #caNavigationMenu.sheet{
  left:auto;right:8px;top:8px;bottom:8px;width:min(420px,calc(100vw - 32px));
  max-width:none;max-height:none;margin:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));
  transform:translateX(calc(100% + 30px));
}
html body #caNavigationMenu.sheet.open{transform:translateX(0)}
.ca-navigation-menu .sheet-title-row{align-items:center;margin-bottom:20px}
.ca-navigation-links{display:grid;gap:9px}
.ca-navigation-menu .ca-navigation-link{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:52px;margin:0;text-align:left;text-decoration:none}
.ca-navigation-link svg{width:21px;height:21px}
.ca-navigation-link svg:last-child{width:16px;height:16px}
.ca-encyclopedia-toggle{width:100%}
.ca-encyclopedia-toggle[aria-expanded="true"]>svg:last-child{transform:rotate(90deg)}
.ca-encyclopedia-links{display:grid;gap:5px;margin:8px 0 2px;padding-left:12px;border-left:2px solid rgba(103,76,217,.14)}
.ca-encyclopedia-links[hidden]{display:none}
.ca-navigation-menu .ca-encyclopedia-link{grid-template-columns:minmax(0,1fr) 16px;min-height:42px;padding:10px 12px;font-size:12px}
.ca-navigation-section{margin:25px 0 12px;font-size:13px;color:var(--muted)}
@media(max-width:420px){html body #caNavigationMenu.sheet{width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){html body #caNavigationMenu.sheet{transition:none}}