.city-weather{--cw-bg:#f4f7fb;--cw-card:#fff;--cw-text:#172033;--cw-muted:#667085;--cw-border:#e6ebf2;--cw-accent:#2f80ed;font-family:inherit;color:var(--cw-text);max-width:1100px;margin:24px auto}.city-weather *{box-sizing:border-box}.cw-now{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#eaf4ff,#fff);box-shadow:0 10px 30px rgba(16,24,40,.08);border:1px solid var(--cw-border)}.cw-now-main{display:flex;align-items:center;gap:18px}.cw-now-icon svg{width:108px;height:108px;display:block}.cw-city{font-size:20px;font-weight:700;margin-bottom:4px}.cw-temp{font-size:64px;line-height:.95;font-weight:800}.cw-updated{font-size:14px;color:var(--cw-muted);margin-top:8px}.cw-now-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cw-now-grid div,.cw-hour-card,.cw-day-card{background:rgba(255,255,255,.82);border:1px solid var(--cw-border);border-radius:16px;padding:14px}.cw-now-grid span{display:block;font-size:13px;color:var(--cw-muted);margin-bottom:4px}.cw-now-grid b{font-size:18px}.cw-section{margin-top:24px}.cw-section h2{font-size:24px;line-height:1.2;margin:0 0 14px}.cw-hourly{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cw-hour-card{text-align:center;font-size:14px;color:var(--cw-muted)}.cw-hour-time,.cw-hour-temp{color:var(--cw-text);font-weight:700}.cw-hour-temp{font-size:26px;margin:4px 0}.cw-small-icon svg{width:42px;height:42px;margin:6px auto;display:block}.cw-days{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cw-day-card{padding:18px;background:var(--cw-card)}.cw-day-name{font-size:18px;font-weight:700;text-transform:capitalize}.cw-day-date{color:var(--cw-muted);margin-top:2px}.cw-medium-icon svg{width:70px;height:70px;margin:12px 0}.cw-minmax{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.cw-minmax span{font-size:22px;color:var(--cw-muted)}.cw-minmax b{font-size:32px}.cw-table-wrap{overflow-x:auto;border:1px solid var(--cw-border);border-radius:18px;background:var(--cw-card)}.cw-table{width:100%;border-collapse:collapse;min-width:760px}.cw-table th,.cw-table td{padding:12px 14px;border-bottom:1px solid var(--cw-border);text-align:left;white-space:nowrap}.cw-table th{font-size:13px;color:var(--cw-muted);font-weight:700;background:#f8fafc}.cw-table tr:last-child td{border-bottom:0}.cw-table-icon svg{width:30px;height:30px;display:block}.city-weather-error{padding:14px 16px;border:1px solid #f2c2c2;background:#fff4f4;border-radius:12px;color:#9f1d1d}@media (max-width:900px){.cw-now{grid-template-columns:1fr}.cw-hourly{grid-template-columns:repeat(3,1fr)}.cw-days{grid-template-columns:1fr}.cw-now-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.city-weather{margin:16px 0}.cw-now{padding:16px;border-radius:18px}.cw-now-main{align-items:flex-start}.cw-now-icon svg{width:76px;height:76px}.cw-temp{font-size:48px}.cw-hourly{grid-template-columns:repeat(2,1fr)}.cw-now-grid{grid-template-columns:1fr}.cw-section h2{font-size:21px}}