.home-weather-section{padding:12px 0 0}
a.card.home-weather-card{display:block;margin:0;padding:12px 14px;color:white;text-decoration:none;cursor:pointer}
.card.home-weather-card h2{margin:0 0 8px;font:650 15px/1.25 system-ui,sans-serif}
.home-weather-card .weather-symbol{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle}
.home-weather-current{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}
.home-weather-current>.weather-symbol{width:32px;height:32px}
.home-weather-card .home-weather-temperature{font-size:24px;font-weight:750;line-height:1.2;flex:none}
.home-weather-card .home-weather-conditions{font-size:14px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}
.home-weather-today{font-size:13px;line-height:1.3;flex:none}
.home-weather-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #454545;margin-top:10px;padding-top:10px}
.home-weather-days>div{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;white-space:nowrap;font-size:13px;line-height:1.4}
.home-weather-period{font-weight:700}.home-weather-range{font-weight:650}
.home-weather-card .home-weather-source{margin:10px 0 0;font-size:12px;line-height:1.5;white-space:nowrap}
.home-weather-source time{color:var(--text-blue);white-space:nowrap}
.home-weather-card:hover{border-color:#6794e4}.home-weather-card:active{background:#2b2b2b}
@media(min-width:900px){a.card.home-weather-card{padding:14px 20px}.home-weather-current{gap:8px}.home-weather-card .home-weather-conditions{font-size:16px}.home-weather-today{font-size:15px}.home-weather-days>div{font-size:15px}}

.home-weather-sun-times{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px;font-size:13px;line-height:1.5;color:#fff}
.home-weather-sun-times>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.home-weather-sun-times time{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}