.forecast-dropdown{background:var(--panel);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.forecast-summary{padding:11px 14px;display:grid;grid-template-columns:1.35fr 2.65fr;gap:10px;align-items:center;cursor:pointer;list-style:none}
.forecast-summary::-webkit-details-marker{display:none}
.forecast-day{display:flex;align-items:center;gap:8px;min-width:0}
.forecast-day strong{font-size:1.08rem}.forecast-day img{width:27px;height:27px;object-fit:contain}
.forecast-summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:center}
.forecast-summary-metrics span{text-align:center;font-size:.74rem;white-space:nowrap}
.forecast-summary-metrics .light{color:#75d4ba}.forecast-summary-metrics .moderate{color:#ffc400}
.forecast-summary-metrics .high{color:#ff8a00}.forecast-summary-metrics .extreme{color:#ff4d6d}.forecast-summary-metrics .snow{color:#8fdcff}
.forecast-periods{background:#373532;padding:0 10px 8px}
.forecast-period{padding:10px 0;border-bottom:1px solid #4a4845}.forecast-period:last-child{border-bottom:0}
.forecast-period h4{margin:0 0 7px;color:#82d893;font-size:.85rem}
.period-weather{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.period-condition,.period-metrics{display:grid;align-content:start;gap:4px;font-size:.7rem}
.period-condition img{width:34px;height:34px;object-fit:contain}.period-condition strong{font-size:.72rem}.period-metrics{text-align:right}
@media(max-width:390px){.forecast-summary{grid-template-columns:1fr 2.7fr;padding:9px 10px;gap:5px}.forecast-day{gap:4px}.forecast-day strong{font-size:.93rem}.forecast-day img{width:23px;height:23px}.forecast-summary-metrics span{font-size:.64rem}}