.ecowitt-weather{--ew-ink:#223741;--ew-muted:#526873;--ew-accent:#08798b;--ew-surface:#f1f6f7;box-sizing:border-box;max-width:1120px;margin:24px auto;padding:clamp(20px,4vw,40px);background:#fff;border:1px solid #dce7e9;border-radius:24px;color:var(--ew-ink);font:400 15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 10px 40px #18394308}
.ecowitt-weather *{box-sizing:border-box}.ecowitt-weather p{margin:0}.ecowitt-weather h2,.ecowitt-weather h3{color:var(--ew-ink);font-family:inherit;letter-spacing:normal;text-transform:none}.ecowitt-weather h2{font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2;margin:6px 0 0}.ecowitt-weather h3{font-size:16px;font-weight:600;line-height:1.4;margin:0}.ecowitt-weather .ew-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:30px}.ecowitt-weather .ew-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;color:var(--ew-accent)}.ecowitt-weather .ew-status{font-size:12px;color:var(--ew-muted);max-width:270px;padding-top:5px}.ecowitt-weather .ew-status.ew-stale{color:#955007}.ecowitt-weather .ew-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;margin-bottom:28px}.ecowitt-weather .ew-label{font-size:13px;color:var(--ew-muted)}.ecowitt-weather .ew-temperature{font-size:clamp(42px,6vw,68px);font-weight:600;letter-spacing:-2px;line-height:1.2;margin:10px 0 12px;font-variant-numeric:tabular-nums}.ecowitt-weather .ew-feels{font-size:12px;color:var(--ew-muted)}.ecowitt-weather .ew-chart-panel{min-width:0;background:var(--ew-surface);padding:20px;border-radius:16px}.ecowitt-weather .ew-chart{min-height:150px}.ecowitt-weather .ew-chart svg{display:block;width:100%;height:150px;overflow:visible}.ecowitt-weather .ew-chart text{font:11px system-ui;fill:var(--ew-muted)}.ecowitt-weather .ew-chart-note{font-size:11px;color:var(--ew-muted);margin-top:8px}.ecowitt-weather .ew-rain{padding:24px;background:#eaf5f7;border-radius:18px;margin-bottom:20px}.ecowitt-weather .ew-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ecowitt-weather .ew-rain-source{font-size:11px;color:var(--ew-muted)}.ecowitt-weather .ew-rain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ecowitt-weather .ew-rain-value{font-size:clamp(21px,3vw,30px);font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px;letter-spacing:-.5px}.ecowitt-weather .ew-rain-details{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;padding-top:16px;border-top:1px solid #cce3e7;font-size:12px;color:var(--ew-muted)}.ecowitt-weather .ew-rain-details strong{color:var(--ew-ink);font-weight:600;margin-left:5px}.ecowitt-weather .ew-small{font-size:11px;color:var(--ew-muted);margin-top:10px}.ecowitt-weather .ew-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ecowitt-weather .ew-card{padding:18px;background:var(--ew-surface);border-radius:14px;min-width:0}.ecowitt-weather .ew-value{font-size:clamp(18px,2.5vw,23px);font-weight:600;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ecowitt-weather .ew-footer{font-size:11px;color:var(--ew-muted);margin-top:22px}.ecowitt-weather .ew-initial{display:none}
@media(max-width:700px){.ecowitt-weather .ew-hero{grid-template-columns:1fr;gap:22px}.ecowitt-weather .ew-metrics,.ecowitt-weather .ew-rain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecowitt-weather .ew-rain{padding:20px}.ecowitt-weather .ew-header{margin-bottom:24px}.ecowitt-weather .ew-temperature{letter-spacing:-1px}.ecowitt-weather .ew-chart-panel{padding:16px}}
@media(max-width:380px){.ecowitt-weather{padding:16px;border-radius:16px}.ecowitt-weather .ew-card{padding:13px}.ecowitt-weather .ew-rain{padding:16px}.ecowitt-weather .ew-rain-grid{gap:16px 10px}}