/* PK v11.10.6 — additive, mobile-only targeted corrections. */
@media (max-width:700px){
/* Home dropdown is portaled to body by companion JS to escape .home overflow. */
body>.home-navlinks.pk-mobile-portal{position:fixed!important;top:var(--pk-menu-top,65px)!important;right:var(--pk-menu-right,14px)!important;left:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;width:min(215px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - var(--pk-menu-top,65px) - 12px)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:6px!important;background:#f2f8fc!important;border:1px solid #c8ddea!important;border-radius:11px!important;box-shadow:0 12px 25px #0b2a4350!important;z-index:100000!important}
body>.home-navlinks.pk-mobile-portal.pk-menu-open{display:flex!important}
body>.home-navlinks.pk-mobile-portal a{display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;font-size:12px!important;line-height:1.35!important;font-weight:700!important;padding:8px 10px!important;color:#12334b!important;text-decoration:none!important;border-radius:6px!important}
/* Deliberately unobtrusive menu icon; retains 36px tap target. */
.home-topnav .pk-mobile-toggle,.site-header .pk-mobile-toggle{width:36px!important;height:36px!important;flex:0 0 36px!important;gap:3px!important;background:transparent!important;border:0!important;border-radius:7px!important;box-shadow:none!important}
.home-topnav .pk-mobile-toggle span,.site-header .pk-mobile-toggle span{width:18px!important;height:2px!important;border-radius:2px!important}
.home-topnav .pk-mobile-toggle span:nth-child(2),.site-header .pk-mobile-toggle span:nth-child(2){background:#36a7dc!important}
/* Site navigation retains city links and highlights archive. */
.site-header .globalnav .pk-mobile-city-section a[href*="historical"],.site-header .globalnav .pk-mobile-city-section a.pk-mobile-records{background:#dceef9!important;color:#168ac5!important;font-weight:850!important}
/* Explicit semantic card placement, without :has(svg) (weather icons are SVG). */
body .page-wrap .overview-grid{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:has(#highlow){grid-column:auto!important}
body .page-wrap .overview-grid>.obs-card:has(#temp),body .page-wrap .overview-grid>.obs-card:has(#highlow){min-height:135px!important}
/* Air quality, UV and 10-day retrospective live in their own cards outside overview-grid: preserve their full-width parent layouts. */
body .page-wrap .overview-grid>.obs-card .big{font-size:clamp(17px,4.6vw,24px)!important;overflow-wrap:anywhere!important}
/* Compact season cards, no change to metric structure, chart or desktop styles. */
body .page-wrap .season-cards{gap:12px!important}
body .page-wrap .season-card{min-height:0!important}
body .page-wrap .season-visual{height:145px!important}
body .page-wrap .season-body{padding:14px!important}
body .page-wrap .season-stats{gap:7px!important;margin:11px 0 6px!important}
body .page-wrap .season-stat{padding:8px!important}
}
@media (min-width:701px){body>.home-navlinks.pk-mobile-portal{display:none!important}}
