/* MyWeatha V24 — independent freeform resizing, inclusive typography; preserves all theme palettes. */
#home #cards.tile-grid,
#home .content>#waLateCards.tile-grid{
 display:flex!important;flex-wrap:wrap!important;gap:10px!important;
 align-items:flex-start!important;align-content:flex-start!important;
 grid-template-columns:none!important;
}
#home #cards>.tile,
#home #waLateCards>.tile{
 box-sizing:border-box!important;display:block!important;
 flex:0 0 var(--wa-free-width,calc((100% - 10px)/2))!important;
 width:var(--wa-free-width,calc((100% - 10px)/2))!important;
 max-width:100%!important;
 min-width:0!important;
 height:auto!important;min-height:var(--wa-free-min-height,129px)!important;
 align-self:flex-start!important;grid-column:auto!important;
 position:relative!important;overflow:visible!important;
 padding:clamp(11px,calc(14px * var(--wa-free-scale,1)),24px)!important;
 box-sizing:border-box!important;
 transition:width .09s linear,min-height .09s linear,background .25s!important;
}
#home #waLateCards>.tile{margin:0!important}
#home #cards>.tile .tile-head,
#home #waLateCards>.tile .tile-head{
 font-size:calc(12px * var(--wa-free-scale,1))!important;
 line-height:1.3!important;overflow-wrap:anywhere!important;
 white-space:normal!important;max-width:100%!important;
 padding-right:0!important;gap:7px!important;min-width:0!important;
}
#home #cards>.tile .tile-head span:last-child,
#home #waLateCards>.tile .tile-head span:last-child{min-width:0!important;overflow-wrap:anywhere!important}
#home #cards>.tile .tile-emoji,
#home #waLateCards>.tile .tile-emoji{
 font-size:calc(21px * var(--wa-free-scale,1))!important;
 line-height:1.2!important;flex:0 0 auto!important;
}
#home #cards>.tile .tile-value,
#home #waLateCards>.tile .tile-value{
 font-size:clamp(21px,calc(30px * var(--wa-free-scale,1)),57px)!important;
 line-height:1.14!important;overflow-wrap:anywhere!important;white-space:normal!important;
 letter-spacing:-.035em!important;
}
#home #cards>.tile .tile-desc,
#home #waLateCards>.tile .tile-desc{
 font-size:clamp(11px,calc(12px * var(--wa-free-scale,1)),22px)!important;
 line-height:1.4!important;overflow-wrap:anywhere!important;white-space:normal!important;
}
#home #cards>.tile .wa-moon-tile-svg,
#home #waLateCards>.tile .wa-moon-tile-svg{
 transform:scale(clamp(.85,var(--wa-free-scale,1),1.7));transform-origin:left top;
}
#home #cards>.tile:has(.wa-moon-tile-svg),
#home #waLateCards>.tile:has(.wa-moon-tile-svg){min-height:max(var(--wa-free-min-height,129px),155px)!important}
#home .content>[data-wa-block]:not(#cards):not(.studio-teaser):not(.wa-hidden){
 min-height:var(--wa-free-min-height,auto)!important;
}
#home .content>.mast .temperature{
 font-size:clamp(64px,calc(99px * var(--wa-free-scale,1)),135px)!important;
 line-height:1.08!important;
}
#home .content>.mast .location{font-size:calc(19px * var(--wa-free-scale,1))!important}
#home .content>.mast .condition{font-size:calc(23px * var(--wa-free-scale,1))!important}
#home .content>.mast .range{font-size:calc(14px * var(--wa-free-scale,1))!important}
#home .content>.mast .source{font-size:calc(12px * var(--wa-free-scale,1))!important}
#home .content>.mast .brand{font-size:calc(25px * var(--wa-free-scale,1))!important}
#home .content>[data-wa-block]:not(#cards):not(.mast):not(.studio-teaser) .section-top strong{
 font-size:calc(15px * var(--wa-free-scale,1))!important;
}
#home .content>[data-wa-block]:not(#cards):not(.mast):not(.studio-teaser) :is(.muted,.week-day,.week-range,.wa-atmos-note,.hour small,.tile-desc){
 font-size:clamp(11px,calc(12px * var(--wa-free-scale,1)),20px)!important;
}
#home .content>[data-wa-block].hours-card .hour{
 flex-basis:calc(61px * var(--wa-free-scale,1))!important;
}
#home .content>[data-wa-block].hours-card .hour .weather-icon{font-size:calc(25px * var(--wa-free-scale,1))!important}
#home .content>[data-wa-block].hours-card .hour b{font-size:calc(19px * var(--wa-free-scale,1))!important}
#home .content>[data-wa-block].week-card .wa-tomorrow-temp,
#home .content>[data-wa-block].week-card .wa-tomorrow-main strong{font-size:calc(25px * var(--wa-free-scale,1))!important}

/* The corner is a generous iOS touch target; other card interactions remain separate. */
#home .content .wa-free-grip{display:none!important}
body.wa-edit-mode #home #cards>.tile>.wa-free-grip,
body.wa-edit-mode #home #waLateCards>.tile>.wa-free-grip,
body.wa-edit-mode #home .content>[data-wa-block]:not(#cards):not(.studio-teaser)>.wa-free-grip,
#home .content.editing #cards>.tile>.wa-free-grip,
#home .content.editing #waLateCards>.tile>.wa-free-grip,
#home .content.editing>[data-wa-block]:not(#cards):not(.studio-teaser)>.wa-free-grip{
 display:grid!important;place-items:center!important;
 position:absolute!important;right:5px!important;bottom:5px!important;
 left:auto!important;top:auto!important;z-index:250!important;
 width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
 padding:0!important;margin:0!important;
 border-radius:14px!important;border:2px solid #fff!important;
 color:white!important;background:#084782!important;
 box-shadow:0 3px 13px rgba(1,16,35,.49)!important;
 cursor:nwse-resize!important;touch-action:none!important;
 -webkit-user-select:none!important;user-select:none!important;
 opacity:1!important;visibility:visible!important;transform:none!important;
 pointer-events:auto!important;
}
#home .content .wa-free-grip svg{width:23px!important;height:23px!important}
body.wa-edit-mode #home .content .wa-free-grip:focus-visible{outline:3px solid #9df3ff!important;outline-offset:2px!important}
body.wa-edit-mode #home .content .wa-free-grip.resizing{background:#0065b2!important;box-shadow:0 0 0 5px #65ceff66!important}
/* No old S/M/L buttons or styling anywhere. */
#home .content .wa-card-size,#home .content .wa-block-size{display:none!important}
#waBlocksEditor .wa-unified-size{min-width:40px!important;font-size:21px!important;max-width:none!important}
#studio .wa-studio-caption{line-height:1.5!important}
/* Avoid text being cramped by the edit-mode X when compact. */
body.wa-edit-mode #home #cards>.tile .tile-head,
body.wa-edit-mode #home #waLateCards>.tile .tile-head{margin-top:36px!important}
@media(max-width:370px){
 #home #cards>.tile .tile-value,#home #waLateCards>.tile .tile-value{
  font-size:clamp(19px,calc(28px * var(--wa-free-scale,1)),50px)!important
 }
}
@media(prefers-reduced-motion:reduce){
 #home #cards>.tile,#home #waLateCards>.tile{transition:none!important}
}
/* Theme-independent contrast and legibility improvements. */
#home #cards>.tile .tile-value,#home #waLateCards>.tile .tile-value{
 font-weight:750!important;text-shadow:0 1px 2px rgba(0,10,27,.12);
}
body[data-wa-lab="off"]:is([data-theme="editorial"],[data-theme="ink-light"],[data-theme="soft-forecast"]) #home .tile{
 color:#172638!important
}
body[data-wa-lab="off"]:is([data-theme="editorial"],[data-theme="ink-light"],[data-theme="soft-forecast"]) #home .tile :is(.tile-head,.tile-desc,.tile-value){color:#21334b!important;text-shadow:none!important;opacity:1!important}
body[data-wa-lab="off"]:is([data-theme="midnight"],[data-theme="ink-dark"],[data-theme="radar-noir"],[data-theme="neon"],[data-theme="mono"]) #home .tile :is(.tile-head,.tile-desc,.tile-value){color:#f8fbff!important;opacity:1!important}
body[data-wa-lab="off"][data-theme="neon"] #home .tile .tile-value{color:#d9ffad!important}
body[data-wa-lab="on"] #home .tile :is(.tile-head,.tile-desc,.tile-value){
 color:var(--wa-ink)!important;opacity:1!important;text-shadow:none!important
}

/* Theme catalogue: Radar Noir first, clearly distinguished as Default. */
#studio #themes .wa-theme-category{
 grid-column:1/-1!important;
 font-size:12px!important;font-weight:800!important;letter-spacing:.035em!important;
 color:var(--wa-ink,var(--text,#fff))!important;
 border-bottom:1px solid color-mix(in srgb,currentColor 23%,transparent)!important;
 padding:10px 3px 6px!important;margin:3px 0 2px!important;
}
#studio #themes .theme[data-theme-pick="radar-noir"]{
 border-color:var(--wa-p,#56c5ff)!important;
 box-shadow:0 0 0 1px color-mix(in srgb,var(--wa-p,#56c5ff) 35%,transparent),0 7px 16px #0002!important;
}
#home .content .wa-resizing{
 animation:none!important;transform:none!important;
 transition:background .2s!important;will-change:auto!important;
}
#home .content .wa-resizing .wa-free-grip{transform:none!important}
#home #cards>.tile,#home #waLateCards>.tile{transition:background .22s ease!important}

/* Tested color contrast repairs: Pastel Liquid uses dark text on its light frosted surface. */
body[data-wa-lab="off"][data-theme="pastel-liquid"] #home #cards>.tile :is(.tile-head,.tile-desc,.tile-value),
body[data-wa-lab="off"][data-theme="pastel-liquid"] #home #waLateCards>.tile :is(.tile-head,.tile-desc,.tile-value){
 color:#172641!important;opacity:1!important;text-shadow:none!important;
}
/* Liquid Dream keeps white text, backed by deeper indigo glass for accessible contrast. */
body[data-wa-lab="off"][data-theme="liquid"] #home #cards>.tile,
body[data-wa-lab="off"][data-theme="liquid"] #home #waLateCards>.tile{
 background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),
 linear-gradient(150deg,rgba(14,34,87,.97),rgba(35,39,99,.95))!important;
}
body[data-wa-lab="off"][data-theme="liquid"] #home #cards>.tile :is(.tile-head,.tile-desc,.tile-value),
body[data-wa-lab="off"][data-theme="liquid"] #home #waLateCards>.tile :is(.tile-head,.tile-desc,.tile-value){
 color:#f8fbff!important;opacity:1!important;
}

/* Full-width weather sections can also be resized horizontally, not just vertically. */
#home .content>[data-wa-block]:not(#cards):not(.studio-teaser){
 width:var(--wa-free-width,100%)!important;
 max-width:100%!important;
 align-self:flex-start!important;
 box-sizing:border-box!important;
}
#home .content>[data-wa-block]:not(#cards):not(.studio-teaser) :is(.section-top,.section-top strong,.wa-atmos-note,.condition,.range){
 overflow-wrap:anywhere!important;white-space:normal!important;
}

/* Narrow-screen inclusive layout: prevent controls from forcing hero content offscreen. */
#home .content>.mast .mast-top{flex-wrap:wrap!important;min-width:0!important}
#home .content>.mast .mast-top>div:first-child{min-width:0!important;max-width:100%!important}
#home .content>.mast .brand,#home .content>.mast .tagline{overflow-wrap:anywhere!important}
#home .content>.mast .tools{min-width:0!important;flex-wrap:wrap!important;justify-content:flex-start!important}
body.wa-edit-mode #home .content>.mast .tools,
#home .content.editing>.mast .tools{display:none!important}
body.wa-edit-mode #home .content>.mast .mast-top,
#home .content.editing>.mast .mast-top{padding-right:50px!important}
#home .content>.mast :is(.temperature,.range,.condition,.source){max-width:100%!important;overflow-wrap:anywhere!important}