html,body{max-width:100%;overflow-x:hidden}
img,iframe,svg{max-width:100%}
input,button,select,textarea{max-width:100%}
@media(max-width:700px){
  .section-heading{min-width:0;align-items:flex-start}
  .section-heading>div{min-width:0}
  .section-heading h2{max-width:100%;overflow-wrap:anywhere}
  .city-page header{height:58px;padding:0 5vw;gap:12px}
  .city-page .logo{font-size:17px;letter-spacing:-1px;white-space:nowrap}
  .city-page nav{min-width:0;overflow:hidden;white-space:nowrap}
  .city-page .city-hero{padding:58px 5vw 54px}
  .city-page .city-hero h1{font-size:clamp(32px,12vw,58px);line-height:.98;overflow-wrap:anywhere}
  .city-page .city-hero>p:not(.kicker){font-size:13px}
  .city-page .city-content,.city-page .city-index,.city-page .city-map,.city-page .events-rail,.city-page .rail-status,.city-page .city-explorer{padding-left:5vw;padding-right:5vw}
  .city-page .city-content h2,.city-page .events-rail h2,.city-page .rail-status h2,.city-page .local-discovery h2,.city-page .community-rail h2{font-size:31px;line-height:1.08;letter-spacing:-.05em}
  .city-page .guide-grid{grid-template-columns:1fr;min-width:0}
  .city-page .surface-grid,.city-page .city-results{grid-template-columns:1fr}
  .city-page .template-search>div,.city-page .city-search>div{display:grid;grid-template-columns:1fr}
  .city-page .template-search button,.city-page .city-search button{width:100%}
  .city-page .explorer-layout{display:block}
  .city-page .explorer-map{min-height:300px}
  .browse,.mini-cities,.city-grid{min-width:0}
  .browse{grid-template-columns:minmax(0,1fr)}
  .mini-cities{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mini,.city-card{min-width:0}
}