/* Phone channels open on the stream. Articles remain available in the reader. */
@media (max-width:760px){
  body.city-station-open:not(.channel-detail-open) .city-dashboard>.channel-feature{display:none}
  body.city-station-open:not(.channel-detail-open) .map-panel{height:auto!important;min-height:0!important;max-height:none!important}
  body.city-station-open:not(.channel-detail-open) .city-dashboard{height:auto!important;min-height:0!important;max-height:none!important;padding:16px 16px 0!important;overflow:visible!important}
  body.city-station-open:not(.channel-detail-open) .results-panel{display:flex!important;margin-top:0!important;padding:0 12px 12px!important;border:0!important;border-radius:0!important}
  body.city-station-open:not(.channel-detail-open) #city-preview-header{display:none}
  body.city-station-open:not(.channel-detail-open) .results-panel .is-current-edition{display:block}
  .stage-topline{min-height:36px;margin-bottom:8px!important}
  .stage-topline>button{font-size:11px;min-height:40px}
  .channel-top{margin-top:6px!important;margin-bottom:0!important}
  .station-heading{margin:0 0 12px!important}
  .station-heading h2{font-size:34px!important;line-height:1.1!important}
  .station-heading .eyebrow{font-size:9px!important;letter-spacing:.09em!important}
  .metro-personalities{margin-top:10px!important;margin-bottom:12px!important}
  .city-highlights{margin-block:10px 12px!important}
  .mixed-post{padding:18px 4px!important}
  .mixed-post .post-byline{gap:6px;flex-wrap:wrap}
  .mixed-post .post-name{max-width:100%;color:var(--ink);font-size:14px;overflow-wrap:anywhere}
  .mixed-post .post-time{font-size:10px}
  .mixed-post .post-title{font-size:19px;line-height:1.35}
  .mixed-post .post-dek,.mixed-post .host-post-lead{font-size:15px!important;line-height:1.5!important}
  .mixed-post.is-host-post .host-post,.mixed-post.is-host-post .mixed-post-footer,.mixed-post.is-host-post .story-community{margin-left:0}
  .mixed-post .source-media,.mixed-post .post-content{min-width:0;max-width:100%}
  .mixed-post.is-host-post .host-content-copy{padding:13px 11px}
  .mixed-post.is-host-post .host-content-copy strong{font-size:14px}
  .mixed-post.is-host-post .host-content-card{min-height:0}
  .story-community-actions{flex-wrap:wrap;gap:4px}
  .story-community button{min-height:42px}
  .mobile-nav{background:var(--surface)!important;border-color:var(--line)!important}
  .mobile-nav button{color:var(--muted)!important}
  .mobile-nav button[aria-current=page]{color:var(--accent)!important;background:var(--surface-2)!important}
  body.channel-detail-open .results-panel{display:none!important}
  body.channel-detail-open .channel-detail{padding-inline:0;max-width:100%}
  body.channel-detail-open .channel-detail h2{font-size:28px;line-height:1.2;overflow-wrap:break-word}
}
@media(max-width:760px){
  .city-dashboard .stage-topline{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:5px;height:44px;min-height:44px}
  .city-dashboard #back-to-map{font-size:0;flex:0 0 auto;min-height:44px}
  .city-dashboard #back-to-map:after{content:'← Map';font-size:12px}
  .city-dashboard .stage-topline .civic-root{margin:0;flex:0 1 auto;width:auto}
  .city-dashboard .stage-topline .field-unit-trigger{margin:0;flex:0 1 auto;width:auto;min-height:40px;white-space:nowrap;font-size:10px}
  .channel-header.has-personalities{gap:0}
  .channel-header .station-heading{margin-bottom:0!important}
  .channel-header .metro-personalities{margin-top:4px!important;margin-bottom:4px!important;border:0;padding-top:4px}
  .city-dashboard .city-highlights{margin-top:4px!important}
}

/* A phone has one primary surface at a time, with thumb-accessible navigation. */
@media(max-width:760px){
  .site-header{height:60px!important;padding:0 12px!important;gap:8px!important;background:var(--surface)!important}
  .site-header .header-end{margin-left:auto;gap:6px}
  .site-header .search-trigger,.site-header .mobile-ask,.site-header .city-hop,.site-header .ask-button,.site-header .newsroom-link,.site-header .beta-button{display:none!important}
  .site-header .location-button{max-width:160px;border:0;background:transparent;padding:8px;font-size:13px}
  main{padding:0!important}
  .explorer,.feed-main,.results-panel{width:100%;min-width:0;max-width:100%}
  body .results-panel,body.city-station-open:not(.channel-detail-open) .results-panel{padding:16px 14px 0!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;height:auto!important;max-height:none!important}
  .results-heading h2{font-size:26px}
  .results-meta{gap:8px}.demo-label{display:none}
  .mixed-post{padding:18px 0!important}.mixed-post .post-dek,.mixed-post .host-post-lead{font-size:16px!important;line-height:1.5!important}
  .mixed-post .post-avatar{width:38px;height:38px;flex:0 0 38px}
  .mixed-post .post-name{font-size:15px}.mixed-post .post-time{font-size:11px}
  .category-tabs{margin-right:0!important;padding-right:0!important;max-width:100%;overflow-x:auto}
  body.mobile-pane-feed #sports-rail{display:none!important}
  body.mobile-pane-scores .map-panel{display:none!important}
  body.mobile-pane-scores .results-panel{display:flex!important}
  body.mobile-pane-scores .feed-main>:not(#sports-rail){display:none!important}
  body.mobile-pane-scores #sports-rail{display:block!important;width:100%;margin:0;padding:0;border:0;max-height:none;overflow:visible}
  body.mobile-pane-scores .score-rail-list{display:grid!important;grid-template-columns:1fr;overflow:visible!important}
  body.mobile-pane-scores .score-card{width:100%;min-width:0;padding:16px}
  body.mobile-pane-scores .score-rail-top h3{font-size:25px}
  body.mobile-pane-scores .score-card-team{font-size:15px}
  body.mobile-pane-scores .score-rail-note{font-size:12px}
  body.mobile-pane-map .map-panel{border:0;border-radius:0;height:calc(100dvh - 132px - env(safe-area-inset-bottom));min-height:320px}
  .mobile-nav{gap:0;padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--line)}
  .mobile-nav button{min-height:52px;border-radius:9px;font-size:11px}
  .story-community-actions{justify-content:space-between}.story-community-actions button{font-size:12px}
  .fresh-edition-button{max-width:calc(100vw - 40px)!important;width:max-content!important;box-shadow:0 3px 12px #0002!important}
}
@media(max-width:760px){
  body.mobile-pane-map .results-panel{display:none!important}
  body.mobile-pane-scores .score-rail-top:after{display:none!important}
  body.mobile-pane-scores .score-rail-top h3{font-size:25px!important}
}