/* Keep the same left navigation available for authorized narrow-screen users. */
@media (max-width: 760px) {
  .app-shell:has(#forecastRail:not([hidden])) {
    width: calc(100% - 74px);
    margin: 0 10px 0 64px;
  }

  .side-rail:has(#forecastRail:not([hidden])) {
    display: flex;
    width: 54px;
    gap: 14px;
    padding: 20px 0;
  }

  .app-shell:has(#forecastRail:not([hidden])) .top-nav .nav-pill {
    flex-shrink: 0;
    white-space: nowrap;
  }
}