/* Hala weather pages. (The top-bar chip is styled in the theme.) */
.wx-emoji{font-size:26px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.wx-emoji--lg{font-size:72px}
.wx-now{display:flex;flex-direction:column;gap:18px}
.wx-now__main{display:flex;align-items:center;gap:20px}
.wx-now__main>div{display:flex;flex-direction:column;gap:4px}
.wx-now__temp{font-size:56px;font-weight:700;line-height:1.1;color:#fff}
.wx-now__cond{font-size:20px;font-weight:600;color:var(--hc-on-dark)}
.wx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0}
.wx-facts>div{padding:10px 12px;border-radius:var(--hc-radius);background:rgba(255,255,255,.06)}
.wx-facts dt{font-size:12px;color:var(--hc-on-dark-2)}
.wx-facts dd{margin:2px 0 0;font-weight:600;color:#fff}
.wx-obs{color:var(--hc-on-dark-2) !important}
.wx-warn{padding:12px 16px;border-radius:var(--hc-radius);background:#fff4d6;color:#7a5600;font-weight:600}
.wx-warn a{text-decoration:underline}
.wx-hours{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.wx-hour{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:1px solid var(--hc-line);border-radius:var(--hc-radius);background:var(--hc-bg,#fff);font-size:13px}
.wx-pop{font-size:12px;color:#1c6fb8}
.wx-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.wx-day{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border:1px solid var(--hc-line);border-radius:var(--hc-radius-lg);background:var(--hc-bg,#fff);text-align:center}
.wx-day.is-night{background:var(--hc-surface)}
.wx-day__name{font-size:15px}
.wx-day__cond{font-size:13px;color:var(--hc-ink-3)}
.wx-day__temp{font-weight:600}
.wx-cities{display:flex;flex-wrap:wrap;gap:8px}
.wx-cities a{padding:6px 14px;border-radius:16px;background:var(--hc-surface);font-size:14px}
.wx-cities a:hover{background:var(--hc-ink);color:#fff}
.wx-pick{display:grid;grid-template-columns:auto minmax(0,320px);gap:14px;align-items:end}
.wx-pick [data-wx-msg]{grid-column:1/-1}
.wx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.wx-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border:1px solid var(--hc-line);border-radius:var(--hc-radius-lg);background:var(--hc-bg,#fff);text-align:center}
.wx-tile:hover{border-color:var(--hc-red);color:inherit}
.wx-tile__name{font-weight:600}
.wx-tile strong{font-size:22px}
@media (max-width:768px){
	.wx-pick{grid-template-columns:1fr}
	.wx-emoji--lg{font-size:56px}
	.wx-now__temp{font-size:44px}
	.wx-days{grid-template-columns:repeat(2,1fr)}
	.wx-grid{grid-template-columns:repeat(2,1fr)}
}