/* Homepage forecast: scoped to the widget to preserve the shared home layout. */
.hh-home .hh-today-card[data-home-weather],.hh-home .hh-today-card:has([data-home-weather]){grid-column:span 3;display:block}
.hh-home .hh-today-grid:has([data-home-weather]){grid-template-columns:repeat(6,minmax(0,1fr))}
.hh-home .hh-today-grid:has([data-home-weather])>.hh-today-status{grid-column:1/-1}
[data-home-weather]{width:100%;min-width:0;color:#17314d}
[data-home-weather] .hw-inner{width:100%;min-width:0}
.hh-home [data-home-weather] h3{margin:0 0 8px;color:#083e7f;font-size:14px;line-height:1.35}
[data-home-weather] [data-home-weather-content]{min-width:0}
.hh-home [data-home-weather] .hw-current,[data-home-weather] .hw-current{display:flex;align-items:center;gap:10px}
[data-home-weather] .hw-icon{display:block;flex:none;width:25px;height:25px;color:#0066de}
[data-home-weather] .hw-icon-sun,[data-home-weather] .hw-icon-partly{color:#dc950b}
[data-home-weather] .hw-icon-moon{color:#4967b0}
[data-home-weather] .hw-current>.hw-icon{width:43px;height:43px}
.hh-home [data-home-weather] .hw-temperature,[data-home-weather] .hw-temperature{display:inline;color:#083e7f;font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.1}
[data-home-weather] .hw-temperature>span{font-size:20px;letter-spacing:0}
[data-home-weather] .hw-condition{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:#17314d}
.hh-home [data-home-weather] .hw-details,[data-home-weather] .hw-details{margin:7px 0 0;font-size:12px;color:#496482;line-height:1.45}
.hh-home [data-home-weather] .hw-days,[data-home-weather] .hw-days{display:grid;grid-template-columns:repeat(5,minmax(65px,1fr));gap:5px;padding:0;margin:10px 0 0;list-style:none}
.hh-home [data-home-weather] .hw-day,[data-home-weather] .hw-day{display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:7px 3px 6px;border:1px solid #dce9fb;border-radius:5px;background:#f5f9ff;line-height:1.2;text-align:center}
[data-home-weather] .hw-day>time{display:block;max-width:100%;color:#274e7c;font-size:12px;font-weight:650;text-transform:capitalize}
[data-home-weather] .hw-day>.hw-icon{margin:7px 0 5px;width:24px;height:24px}
.hh-home [data-home-weather] .hw-range,[data-home-weather] .hw-range{display:flex;align-items:baseline;justify-content:center;gap:3px;color:#54708e;font-size:12px;white-space:nowrap}
.hh-home [data-home-weather] .hw-range>b,[data-home-weather] .hw-range>b{display:inline;color:#163e75;font-size:15px;font-weight:700;line-height:1.2}
[data-home-weather] .hw-rain{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:6px;color:#075cb6;font-size:12px;white-space:nowrap}
[data-home-weather] .hw-rain>.hw-icon{width:10px;height:12px}
.hh-home [data-home-weather] .hw-time,[data-home-weather] .hw-time{margin:8px 0 0;color:#536d89;font-size:12px;line-height:1.5}
.hh-home [data-home-weather] .hw-foot,[data-home-weather] .hw-foot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:3px 10px;margin-top:3px;color:#536d89;font-size:12px;line-height:1.5}
.hh-home [data-home-weather] .hw-method,[data-home-weather] .hw-method{margin:5px 0 0;color:#536d89;font-size:12px;line-height:1.5}
.hh-home [data-home-weather] a,[data-home-weather] a{display:inline;margin:0;color:#005cbc;font-size:inherit;text-decoration:none;text-underline-offset:2px}
[data-home-weather] a:hover{text-decoration:underline}
[data-home-weather] :is(a,button):focus-visible{outline:2px solid #006cff;outline-offset:3px;border-radius:3px}
.hh-home [data-home-weather] .hw-loading,.hh-home [data-home-weather] .hw-fallback>p,[data-home-weather] .hw-loading,[data-home-weather] .hw-fallback>p{margin:0;color:#365678;font-size:12px;line-height:1.5}
[data-home-weather] .hw-fallback>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px}
.hh-home [data-home-weather] .hw-retry,[data-home-weather] .hw-retry{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 10px;border:1px solid #94bdf5;border-radius:4px;background:#fff;color:#0055b4;font-family:inherit;font-size:12px;line-height:1.2;font-weight:600;cursor:pointer}
[data-home-weather] .hw-retry:hover{background:#edf5ff}
.hh-home [data-home-weather] .hw-refresh-note,[data-home-weather] .hw-refresh-note{margin:7px 0 0;font-size:12px;line-height:1.5;color:#536d89}
[data-home-weather] .hw-refresh-note .hw-retry{min-height:30px;font-size:12px}
@media(max-width:1023px){.hh-home .hh-today-grid:has([data-home-weather]){grid-template-columns:repeat(2,minmax(0,1fr))}.hh-home .hh-today-card[data-home-weather],.hh-home .hh-today-card:has([data-home-weather]){grid-column:1/-1}}
@media(max-width:480px){.hh-home [data-home-weather] .hw-days,[data-home-weather] .hw-days{grid-template-columns:repeat(3,minmax(65px,1fr))}[data-home-weather] .hw-day{padding:8px 3px 7px}[data-home-weather] .hw-foot{gap:3px 7px}}
@media(prefers-reduced-motion:reduce){[data-home-weather] *{scroll-behavior:auto}}
/* Keep the three quick links compact beside the larger forecast. */
@media(min-width:1024px){
 .hh-home .hh-today-card[data-home-weather]{grid-row:span 3}
 .hh-home .hh-today-grid:has([data-home-weather])>.hh-today-card:not([data-home-weather]){grid-column:4/-1;align-items:center}
}
