.wx-regions{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.wx-card{background:#fff;border-radius:22px;flex-direction:column;gap:14px;padding:20px 22px 18px;display:flex;box-shadow:0 6px 20px #10302f0f}.wx-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wx-card h3{font:800 24px/1.15 var(--display);letter-spacing:-.02em;margin:0}.wx-place{font:600 14px/1.3 var(--sans);color:var(--muted);margin:4px 0 0}.wx-now{text-align:right;align-items:center;gap:8px;margin:0;display:flex}.wx-now>span{flex-direction:column;display:flex}.wx-now strong{font:800 28px/1 var(--display);letter-spacing:-.02em}.wx-now span span{font:600 13px/1.3 var(--sans);color:var(--muted)}.wx-sea{font:600 14px/1.4 var(--sans);color:#1d4d6b;background:#e3f2fb;border-radius:12px;flex-wrap:wrap;gap:6px 18px;margin:0;padding:8px 12px;display:flex}.wx-sea strong{color:#10302f}.wx-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.wx-days li{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;display:flex}.wx-days li:first-child{background:#f6f3ec}.wx-day{font:700 12px/1.2 var(--sans);color:var(--muted);white-space:nowrap}.wx-temp{font:600 13px/1.25 var(--sans);flex-direction:column;display:flex}.wx-temp strong{font:800 16px/1.2 var(--sans);color:#10302f}.wx-min{color:var(--muted)}.wx-rain{font:600 12px/1.2 var(--sans);color:#2b7bb9}.wx-note{font:500 14px/1.5 var(--sans);color:var(--muted);margin:14px 0 0}.wx-facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-block:20px 0;display:grid}.wx-facts div{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 8px #10302f0d}.wx-facts dt{font:700 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.wx-facts dd{font:800 18px/1.3 var(--display);margin:6px 0 0}.wx-table-title{font:700 15px/1.4 var(--sans);color:var(--muted);margin-block:24px 10px}.wx-table{margin-block:0}.wx-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.wx-table tbody th{white-space:nowrap}.wx-current>*{background:#fff0bf!important}.wx-badge{color:#fff;font:700 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;background:#10302f;border-radius:999px;margin-left:8px;padding:2px 8px}.wx-bar{background:linear-gradient(90deg, #ff6a4d var(--v), #ece7dc var(--v));vertical-align:1px;border-radius:999px;width:56px;height:8px;margin-right:10px;display:inline-block}.wx-explain{font:400 16px/1.6 var(--sans);color:#2d4746;margin-top:20px}.wx-explain h3{font:800 18px/1.3 var(--display);color:#10302f;margin:0 0 6px}.wx-explain ul{margin:0;padding-left:20px}.wx-explain p{margin:8px 0 0}.wx-links{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wx-links a{color:#10302f;min-height:44px;font:700 15px/1 var(--sans);background:#fff;border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #10302f0f}.wx-links a:hover{background:#fff0bf}.wx-source{font:500 14px/1.5 var(--sans);color:var(--muted);margin-top:40px}@media (max-width:640px){.wx-table table{font-size:15px}.wx-table th,.wx-table td{padding:10px 12px}.wx-table tbody th{z-index:1;position:sticky;left:0;box-shadow:1px 0 #ece7dc}.wx-table thead th:first-child{z-index:1;position:sticky;left:0}.wx-bar{display:none}}@media (max-width:420px){.wx-card{padding:16px 14px}.wx-days{gap:2px}.wx-day{font-size:11px}}
