/* PK v11.10.5 — mobile only. No chart selectors or chart scripts modified. */
@media(max-width:700px){
.home-topnav,.site-header .header-row{isolation:isolate!important}
.home-topnav .home-navlinks,.site-header .globalnav{right:0!important;left:auto!important;width:min(225px,calc(100vw - 38px))!important;max-width:calc(100vw - 38px)!important;max-height:65vh!important;padding:7px!important;gap:0!important;z-index:10000!important}
.home-topnav .home-navlinks a,.site-header .globalnav a{padding:9px 10px!important;font-size:13px!important;line-height:1.35!important}
/* Real two-column grid: previous rules used :has(svg), matching weather icons. */
body .page-wrap .overview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body .page-wrap .overview-grid>.obs-card{grid-column:auto!important;min-width:0!important;min-height:0!important;padding:11px!important}
body .page-wrap .overview-grid>.obs-card .label{font-size:10px!important;letter-spacing:.035em!important;line-height:1.35!important}
body .page-wrap .overview-grid>.obs-card .big{font-size:clamp(18px,5vw,25px)!important;line-height:1.15!important}
body .page-wrap .overview-grid>.obs-card:has(canvas),body .page-wrap .overview-grid>.obs-card:has(.last-ten-days),body .page-wrap .overview-grid>.obs-card:has(svg.chart){grid-column:1/-1!important}
body .page-wrap .overview-grid>.obs-card:has(#highlow){grid-column:1/-1!important}
/* Move city navigation into the same hamburger, without touching chart or desktop nav. */
body.pk-mobile-city-nav .citybar{display:none!important}
.pk-mobile-city-section{border-top:1px solid #cadde9;margin-top:5px;padding-top:6px}
.pk-mobile-city-title{font-size:11px!important;font-weight:850!important;color:#247cac!important;padding:7px 10px!important;letter-spacing:.06em;text-transform:uppercase}
.pk-mobile-city-section a{display:block!important;white-space:normal!important;color:#102f46!important;text-decoration:none!important;padding:8px 10px!important;border-radius:7px!important;font-size:13px!important}
.pk-mobile-city-section a.active{background:#dceef9!important;font-weight:800!important}
}
