.historical-climate{margin:12px 0 4px;border:1px solid #dce4e8;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(31,63,78,.09);font-family:Roboto,Arial,sans-serif;color:#26384a}
.historical-climate__header{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 14px;border-radius:14px 14px 0 0;background:#f5f6f7;font-size:15px;font-weight:600;text-align:left}
.historical-climate__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fff;color:#008db2;box-shadow:0 2px 8px rgba(31,63,78,.12)}
.historical-climate__icon svg{display:block;width:21px;height:21px}
.historical-climate__title{line-height:1.35}
.historical-climate__body{padding:14px 16px 12px;border-top:1px solid #e7ecef}
.historical-climate__months--multiple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.historical-climate__month{min-width:0}
.historical-climate__months--multiple .historical-climate__month{padding:12px;border:1px solid #e5eaed;border-radius:11px;background:#fafbfb}
.historical-climate__month-name{margin:0 0 9px;color:#26384a;font-size:14px;font-weight:600;text-transform:capitalize}
.historical-climate__temperatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.historical-climate__metric{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;background:#f5f6f7;color:#60727c;font-size:12px;line-height:1.3}
.historical-climate__metric-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:#607b89}
.historical-climate__metric-icon--day{color:#e1a91b}
.historical-climate__metric-icon--night{color:#4f5b63}
.historical-climate__metric-icon svg{display:block;width:22px;height:22px}
.historical-climate__metric-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.historical-climate__metric strong{color:#26384a;font-size:15px;font-weight:600}
.historical-climate__temperature-range{color:#26384a;font-size:15px;font-weight:400;white-space:nowrap}
.historical-climate__temperature-value{font-weight:700!important}
.historical-climate__temperature-sign,.historical-climate__temperature-separator,.historical-climate__temperature-unit{font-weight:400}
.historical-climate__metric--wide{margin-top:8px;background:#fff;border:1px solid #e5eaed}
.historical-climate__metric-copy--row{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px;flex:1}
.historical-climate__metric--wide strong{text-align:right;font-size:13px}
.historical-climate__precipitation{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 9px;border-radius:13px;background:#f3f4f5;color:#536875;font-size:13px;font-weight:500;line-height:1.25}
.historical-climate__precipitation-icon{display:block;flex:0 0 17px;width:17px;height:17px;color:#607b89}
.historical-climate__precipitation--low{background:#f3f6f4;color:#4d6d58}
.historical-climate__precipitation--high{background:#f1f3f5;color:#425f70}
.historical-climate__note{margin:11px 0 0;color:#87959d;font-size:10px;line-height:1.4}
[dir=rtl] .historical-climate__header{text-align:right}
[dir=rtl] .historical-climate__metric--wide strong{text-align:left}
@media(max-width:360px){.historical-climate__temperatures{grid-template-columns:1fr}}
@media(max-width:575px){.historical-climate__header{min-height:52px;padding:9px 12px;font-size:14px}.historical-climate__icon{flex-basis:32px;width:32px;height:32px}.historical-climate__body{padding:12px}.historical-climate__months--multiple{grid-template-columns:1fr}.historical-climate__temperatures{gap:7px}.historical-climate__metric{padding:8px;gap:7px}.historical-climate__metric-icon{flex-basis:24px;width:24px;height:24px}.historical-climate__metric-icon svg{width:20px;height:20px}.historical-climate__metric strong{font-size:14px}.historical-climate__metric-copy--row{grid-template-columns:1fr}.historical-climate__metric--wide strong{text-align:left}}