.wcc-current{margin:0 0 18px;padding:20px;background:var(--panel,#fff);border:1px solid var(--line,#dfe6ed);border-radius:18px;box-shadow:0 8px 26px rgba(28,64,94,.05);min-width:0;overflow:hidden}
.wcc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.wcc-value-block{min-width:0}
.wcc-value-block .section-kicker{margin:0 0 6px}
.wcc-value-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wcc-value-line h2{margin:0;font:800 46px/1 var(--serif);color:var(--w-deep,#0f4c78);letter-spacing:-.025em}
.wcc-kind{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--w-line,#dce7ef);border-radius:999px;color:var(--w-muted,#637789);font-size:9px;font-weight:900;letter-spacing:.08em}
.wcc-current.is-forecast .wcc-kind{border-style:dashed}
.wcc-source{margin:8px 0 0;color:var(--w-muted,#637789);font-size:12px;font-weight:750;line-height:1.4}
.wcc-explainer{max-width:760px;margin:6px 0 0;color:#4d6578;font-size:11px;line-height:1.5}
.wcc-visibility{flex:0 0 auto;display:grid;gap:2px;min-width:112px;padding:11px 13px;border-radius:13px;background:#f6f9fc;text-align:right}
.wcc-visibility span{font-size:9px;font-weight:850;color:var(--w-muted,#637789);text-transform:uppercase;letter-spacing:.05em}
.wcc-visibility strong{font-size:18px}
.wcc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.wcc-cards article{display:grid;align-content:start;gap:3px;min-width:0;padding:13px 14px;border:1px solid var(--w-line,#dce7ef);border-radius:13px;background:#f6f9fc}
.wcc-cards span{font-size:9px;font-weight:850;color:var(--w-muted,#637789);text-transform:uppercase;letter-spacing:.045em}
.wcc-cards strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.wcc-cards small{font-size:10px;color:var(--w-muted,#637789);line-height:1.35}
.wcc-graphs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.wcc-chart{min-width:0;padding:13px 14px;border:1px solid var(--w-line,#dce7ef);border-radius:13px;background:#fbfdff;overflow:hidden}
.wcc-chart header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.wcc-chart header>div{display:grid;gap:2px;min-width:0}
.wcc-chart header span{font-size:11px;font-weight:850;color:var(--ink,#102f49)}
.wcc-chart header small{font-size:9px;color:var(--w-muted,#637789);line-height:1.35}
.wcc-chart header>strong{font-size:11px;color:var(--w-muted,#637789);white-space:nowrap}
.wcc-spark,.wcc-bars{display:block;width:100%;height:112px;overflow:visible}
.wcc-spark polyline{stroke:var(--w-blue,#1769aa);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wcc-bars rect{fill:var(--w-blue,#1769aa);opacity:.78}
html[data-theme=dark] .wcc-current{background:#0d2236;border-color:#294a65;color:#eef7ff;box-shadow:none}
html[data-theme=dark] .wcc-value-line h2{color:#eaf6ff}
html[data-theme=dark] .wcc-explainer{color:#c4d4e0}
html[data-theme=dark] .wcc-visibility,html[data-theme=dark] .wcc-cards article,html[data-theme=dark] .wcc-chart{background:#102a40;border-color:#294a65}
html[data-theme=dark] .wcc-chart header span{color:#eef7ff}
html[data-theme=dark] .wcc-kind{border-color:#35536d;color:#adc1d1}
@media(max-width:760px){.wcc-current{padding:15px;border-radius:15px}.wcc-value-line h2{font-size:38px}.wcc-head{gap:12px}.wcc-visibility{min-width:96px}.wcc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wcc-graphs{grid-template-columns:minmax(0,1fr)}.wcc-chart{padding:12px}.wcc-spark,.wcc-bars{height:104px}}
@media(max-width:460px){.wcc-head{display:grid}.wcc-visibility{justify-self:start;text-align:left}.wcc-cards{grid-template-columns:minmax(0,1fr)}.wcc-value-line{align-items:flex-start}.wcc-kind{margin-top:2px}.wcc-source,.wcc-explainer{overflow-wrap:anywhere}.wcc-chart header{display:grid}.wcc-chart header>strong{white-space:normal}}
/* WEATHER_UX_VISUAL_REFINEMENT_V0_2 */
.wxv2-current{padding:24px}
.wxv2-hero-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;min-width:0}
.wxv2-sky-emoji{font-size:60px;line-height:1;filter:saturate(.94)}
.wxv2-sky-block{min-width:0}.wxv2-sky-block .section-kicker{margin:0 0 4px}.wxv2-sky-block h2{margin:0;font:800 31px/1.06 var(--serif);color:var(--ink,#102f49);letter-spacing:-.018em}
.wxv2-temp-block{text-align:right}.wxv2-temp-block>strong{display:block;color:var(--w-deep,#0f4c78);font:800 48px/1 var(--serif);letter-spacing:-.025em}.wxv2-temp-block .wcc-kind{margin-top:7px}
.wxv2-forecast-source{margin:5px 0 0;color:var(--w-muted,#637789);font-size:11px;line-height:1.45}
.wxv2-context-sentence{margin:13px 0 0;padding:10px 12px;border-radius:12px;background:#f6f9fc;color:#314e65;font-size:12px;font-weight:750;line-height:1.45}
.wxv2-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.wxv2-chart header>strong{font-size:10px}.wxv2-chart .wxv2-chart-svg{display:block;width:100%;height:auto;min-width:0;margin-top:3px;overflow:visible}
.wxv2-chart-svg .g{stroke:var(--w-line,#dce7ef);stroke-width:1;vector-effect:non-scaling-stroke}.wxv2-chart-svg .yl,.wxv2-chart-svg .xl{fill:var(--w-muted,#637789);font-size:11px}.wxv2-chart-svg .yl{text-anchor:end}.wxv2-chart-svg .xl{text-anchor:middle}.wxv2-chart-svg .line{fill:none;stroke:var(--w-blue,#1769aa);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wxv2-chart-svg .area{fill:var(--w-blue,#1769aa);opacity:.065}.wxv2-chart-svg .dot{fill:#fff;stroke:var(--w-blue,#1769aa);stroke-width:3;vector-effect:non-scaling-stroke}.wxv2-chart-svg .now{fill:var(--w-blue,#1769aa);font-size:11px;font-weight:850;text-anchor:end}.wxv2-chart-svg .bar{fill:var(--w-blue,#1769aa);opacity:.76}
.wxv2-day-sky{display:flex!important;align-items:center;gap:5px}.wxv2-day-sky i{font-style:normal;line-height:1;flex:0 0 auto;font-size:18px}.b3-hour-strip article{grid-template-rows:auto auto 22px 2.5em auto}.wxv2-hour-icons{display:block;width:100%;min-width:0;text-align:center;white-space:nowrap;font-size:18px!important;line-height:22px!important;font-weight:400!important;letter-spacing:2px}.wxv2-hour-label{display:-webkit-box;width:100%;min-width:0;max-height:2.5em;overflow:hidden;text-align:center;font-size:11px!important;font-weight:750!important;line-height:1.25!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.b3-hour-strip article>small{align-self:start}
html[data-theme=dark] .wxv2-sky-block h2,html[data-theme=dark] .wxv2-temp-block>strong{color:#eef7ff}html[data-theme=dark] .wxv2-context-sentence{background:#102a40;color:#d7e5ef}html[data-theme=dark] .wxv2-chart-svg .g{stroke:#294a65}html[data-theme=dark] .wxv2-chart-svg .yl,html[data-theme=dark] .wxv2-chart-svg .xl{fill:#adc1d1}html[data-theme=dark] .wxv2-chart-svg .dot{fill:#102a40}
@media(max-width:900px){.wxv2-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wxv2-current{padding:16px}.wxv2-hero-main{grid-template-columns:auto minmax(0,1fr);gap:12px}.wxv2-temp-block{grid-column:1/-1;text-align:left}.wxv2-temp-block>strong{font-size:41px}.wxv2-sky-emoji{font-size:51px}.wxv2-sky-block h2{font-size:26px}.wxv2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wxv2-chart header{display:grid}.wxv2-chart header>strong{white-space:normal}.wxv2-chart-svg .yl,.wxv2-chart-svg .xl{font-size:10px}.wxv2-chart-svg .now{display:none}}
@media(max-width:430px){.wxv2-metrics{grid-template-columns:minmax(0,1fr)}.wxv2-sky-emoji{font-size:45px}.wxv2-sky-block h2{font-size:23px}.wxv2-chart{padding:10px}.wxv2-chart-svg .yl,.wxv2-chart-svg .xl{font-size:9.5px}}
/* WEATHER_UX_VISUAL_MICRO_REPAIR_R3 · the current value is already shown in the chart summary; hide the redundant inline SVG label at every viewport. */
.wxv2-chart-svg .now{display:none}
