/* PK v11.10.4: mobile-only responsive navigation and non-chart cards. */
@media (max-width:700px){
.home-topnav,.site-header .header-row{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0!important}
.home-topnav .home-navlinks,.site-header .globalnav{display:none!important;position:absolute!important;top:calc(100% + 7px)!important;right:0!important;left:auto!important;width:min(310px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:75dvh!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;padding:10px!important;background:#f2f8fc!important;border:1px solid #c8ddea!important;border-radius:14px!important;box-shadow:0 12px 30px #0b2a4360!important;z-index:9999!important;box-sizing:border-box!important}
.home-topnav .home-navlinks.pk-menu-open,.site-header .globalnav.pk-menu-open{display:flex!important}
.home-topnav .home-navlinks a,.site-header .globalnav a{display:block!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;padding:12px 13px!important;color:#12334b!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important;border-radius:8px!important}
.home-topnav .home-navlinks a:hover,.home-topnav .home-navlinks a:focus-visible,.site-header .globalnav a:hover,.site-header .globalnav a:focus-visible{background:#dceef9!important;color:#102b43!important}
.pk-mobile-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin-left:auto!important;padding:0!important;background:#fff!important;border:1px solid #c6dbe8!important;border-radius:11px!important;cursor:pointer!important;z-index:2!important}
.pk-mobile-toggle span{display:block!important;width:23px!important;height:3px!important;border-radius:4px!important;background:#102b43!important}
.pk-mobile-toggle span:nth-child(2){background:#36a7dc!important}
.pk-mobile-toggle:focus-visible{outline:3px solid #36a7dc!important;outline-offset:2px!important}
.home-topnav .pc-logo,.site-header .pc-logo{flex-shrink:0!important}
/* Compact only ordinary weather parameter cards; charts are deliberately excluded. */
.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.overview-grid>.obs-card:not(:has(canvas,svg,.last-ten-days)){min-width:0!important;min-height:0!important;padding:12px!important}
.overview-grid>.obs-card:has(canvas),.overview-grid>.obs-card:has(svg),.overview-grid>.obs-card:has(.last-ten-days){grid-column:1/-1!important}
.overview-grid>.obs-card .big{font-size:clamp(19px,5.3vw,27px)!important;overflow-wrap:anywhere}
.overview-grid>.obs-card .label{overflow-wrap:anywhere}
/* Footer text must wrap rather than be hidden offscreen. */
footer{max-width:100%!important;box-sizing:border-box!important;padding-left:14px!important;padding-right:14px!important}
footer .pk-footer-items{max-width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px 8px!important}
footer .pk-footer-item{white-space:normal!important;overflow-wrap:anywhere!important}
}
@media (min-width:701px){.pk-mobile-toggle{display:none!important}}
