/* MyWeatha v52 – responsive content + fluid iOS editing.
   Keep all real data; never paint a sheet over the status/header area. */
.wa-ios-status-shield,
.wa-edit-safe-shield,
body.wa-edit-mode>.wa-ios-status-shield,
body.wa-edit-mode>.wa-edit-safe-shield{
 display:none!important;
 visibility:hidden!important;
 pointer-events:none!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
}
#home .content>.mast{
 scroll-padding-top:8px;
 overscroll-behavior:contain;
}
#home .content>.mast.wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="wide"],[data-wa-grid-size="tall"],[data-wa-grid-size="large"]){
 -webkit-overflow-scrolling:touch!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 touch-action:pan-y!important;
 background-attachment:scroll!important;
}
/* The current-weather header must remain legible at every widget size.
   Values retain their real content; users can scroll to further data. */
#home .content>.mast.wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="wide"]) {
 padding:9px 12px 11px!important;
}
#home .content>.mast.wa-full-weather:is([data-wa-grid-size="tall"],[data-wa-grid-size="large"]){
 padding:15px 16px 15px!important;
}
#home .content>.mast.wa-full-weather .mast-top{
 display:flex!important;
 flex-wrap:nowrap!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:5px!important;
 margin-bottom:5px!important;
 padding:0!important;
 filter:none!important;
 -webkit-filter:none!important;
}
#home .content>.mast.wa-full-weather .mast-top .tools{gap:5px!important}
#home .content>.mast.wa-full-weather .mast-top .brand{
 font-size:clamp(13px,3.9vw,20px)!important;
 line-height:1.18!important;
 letter-spacing:-.3px!important;
 filter:none!important;
 -webkit-filter:none!important;
 text-shadow:0 1px 3px rgba(0,16,55,.26)!important;
 white-space:nowrap;
}
#home .content>.mast.wa-full-weather .mast-top .tagline{
 font-size:clamp(9px,2.6vw,12px)!important;
 line-height:1.18!important;
 opacity:.9!important;
 white-space:nowrap;
}
#home .content>.mast.wa-full-weather .mast-top .icon-btn{
 width:30px!important;
 height:30px!important;
 min-width:30px!important;
 border-radius:50%!important;
 padding:5px!important;
}
#home .content>.mast.wa-full-weather .mast-top .icon-btn svg{width:16px!important;height:16px!important}
#home .content>.mast.wa-full-weather .location{
 font-size:clamp(12px,3.65vw,19px)!important;
 line-height:1.2!important;
 padding:0!important;
 min-height:23px!important;
 margin:1px 0 0!important;
 position:relative!important;
}
#home .content>.mast.wa-full-weather .temperature{
 font-size:clamp(49px,15vw,73px)!important;
 line-height:.95!important;
 margin:3px 0!important;
 letter-spacing:-2.8px!important;
}
#home .content>.mast.wa-full-weather .condition{
 font-size:clamp(11px,3.5vw,16px)!important;
 line-height:1.2!important;
 margin:3px 0!important;
}
#home .content>.mast.wa-full-weather .range{
 font-size:clamp(10px,2.65vw,13px)!important;
 line-height:1.22!important;
 margin:2px 0!important;
}
#home .content>.mast.wa-full-weather .source{
 position:relative!important;
 font-size:10px!important;
 line-height:1.3!important;
 margin:7px 0 0!important;
 padding:7px 9px!important;
 min-height:30px!important;
 max-width:100%!important;
 overflow-wrap:anywhere!important;
 white-space:normal!important;
}
/* Truly narrow 1x1: still show all information, with compact type and local
   scrolling when the full source description exceeds the card footprint. */
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .mast-top .brand{font-size:13px!important}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .mast-top .tagline{font-size:8px!important}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .mast-top .tools{gap:2px!important}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .mast-top .icon-btn{
 height:25px!important;width:25px!important;min-width:25px!important;padding:3px!important;
}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .location{font-size:12px!important}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .temperature{
 font-size:47px!important;letter-spacing:-2px!important;
}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .condition{font-size:11px!important}
#home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .source{font-size:9px!important}
/* The hero illustration is decorative: never overlay the real text. */
#home .content>.mast.wa-full-weather .sky-art{pointer-events:none!important;opacity:.60!important}
#home .content>.mast.wa-full-weather .mast-top,
#home .content>.mast.wa-full-weather .location,
#home .content>.mast.wa-full-weather .temperature,
#home .content>.mast.wa-full-weather .condition,
#home .content>.mast.wa-full-weather .range,
#home .content>.mast.wa-full-weather .source{z-index:3!important}
/* Other widgets: adaptive typography rather than content truncation. */
#home .content>[data-wa-block].wa-full-weather[data-wa-grid-size="small"]:not(.mast) .section-top strong{
 font-size:11px!important;line-height:1.22!important;letter-spacing:-.2px!important;
}
#home .content>[data-wa-block].wa-full-weather[data-wa-grid-size="tall"]:not(.mast) .section-top strong{
 font-size:12px!important;line-height:1.25!important;
}
#home .content>[data-wa-block].wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="tall"]):not(.mast){
 padding:10px 8px!important;
}
#home .content>[data-wa-block].wa-full-weather:is([data-wa-grid-size="wide"],[data-wa-grid-size="large"]):not(.mast){
 padding:12px!important;
}
#home .content>[data-wa-block].wa-full-weather .section-top{
 position:sticky;
 top:0;
 z-index:8!important;
 min-width:0!important;
 padding-bottom:7px!important;
 border-radius:10px 10px 0 0;
 background:linear-gradient(180deg,rgba(33,70,120,.95),rgba(35,72,125,.90))!important;
}
#home .content>[data-wa-block].wa-full-weather .section-top strong{overflow-wrap:anywhere!important}
/* Keep the seven-day rows intact and reachable even at 1x1. */
#home .content>.week-card.wa-full-weather[data-wa-grid-size="small"] #weekForecast{
 font-size:11px!important;
}
#home .content>.week-card.wa-full-weather[data-wa-grid-size="small"] .week-day{
 min-height:49px!important;
 gap:4px!important;
}
/* No unexpectedly huge weather icons in narrow tiles. */
#home .content>[data-wa-block].wa-full-weather[data-wa-grid-size="small"] .wa-custom-icon{
 max-width:36px!important;max-height:36px!important;
}
#home .content>[data-wa-block].wa-full-weather[data-wa-grid-size="tall"] .wa-custom-icon{
 max-width:45px!important;max-height:45px!important;
}
/* Avoid redundant costly glass recomposition while moving widgets. */
body.wa-edit-mode #home .content :is(.glass,.tile,.mast,.wa-next-rain-card){
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 animation:none!important;
 transition:box-shadow .13s ease,border-color .13s ease!important;
}
body.wa-ios-dragging #home .content :is(.glass,.tile,.mast){
 box-shadow:inset 0 1px rgba(255,255,255,.26),0 6px 15px rgba(0,20,57,.12)!important;
}
body.wa-edit-mode .wa-ios-floating-widget{
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 box-shadow:0 20px 38px rgba(0,15,48,.38),0 6px 14px rgba(0,16,45,.20)!important;
}
body.wa-edit-mode #home .content>.mast::after,
body.wa-ios-dragging #home .content>.mast::after{
 animation:none!important;
}
/* Resize preview: composited layer, cheap gradients; don't force background blur. */
.wa-resize-preview-v51,.wa-resize-preview-v52{
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 transition:none!important;
 will-change:transform!important;
 contain:layout style paint!important;
 box-shadow:0 0 0 3px rgba(70,215,255,.20),0 6px 22px rgba(0,30,80,.20)!important;
 background:linear-gradient(140deg,rgba(66,174,247,.27),rgba(122,110,235,.27))!important;
}
/* The system's browser UI is not the application's edit toolbar. */
body.wa-edit-mode>#waDone{
 top:auto!important;
 bottom:max(166px,calc(env(safe-area-inset-bottom,0px) + 145px))!important;
 right:17px!important;
}

/* Override older Sky preset spacing so the complete current-weather summary fits
   even in a wide 2x1 card. Original preset used 19/16px gaps. */
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather .location{
 margin-top:2px!important;
 margin-bottom:0!important;
}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather .source{
 margin-top:4px!important;
 margin-bottom:0!important;
}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather .mast-top{margin-bottom:2px!important}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="wide"]) .temperature{
 font-size:clamp(43px,12.5vw,50px)!important;
 margin:1px 0!important;
}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="wide"]) .condition{
 font-size:12px!important;
 line-height:1.12!important;
 margin:1px 0!important;
}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather:is([data-wa-grid-size="small"],[data-wa-grid-size="wide"]) .range{
 font-size:10px!important;
 margin:1px 0!important;
}
body:not([data-wa-lab="on"]) #home .content>.mast.wa-full-weather[data-wa-grid-size="small"] .temperature{font-size:43px!important}