.tp-weather-summary{margin:22px 0 28px;scroll-margin-top:90px}.tp-weather-summary *{box-sizing:border-box}.tp-weather-summary h2{font-size:14px;font-weight:650;letter-spacing:0;color:#4d6474;margin:0 0 12px;line-height:1.4}.tp-summary-grid{display:grid;grid-template-columns:repeat(var(--summary-count),minmax(0,1fr));gap:10px;margin:0}.tp-summary-card{--accent:#b9681a;--tint:#fff3e7;--wash:#fffcf8;min-width:0;border:1px solid #e0e7ed;border-radius:15px;padding:15px 12px 17px;background:linear-gradient(155deg,#fff 40%,var(--wash));box-shadow:0 2px 5px #243e4e05;text-align:left;position:relative;overflow:hidden}.tp-summary-card.is-night{--accent:#6666aa;--tint:#f0effb;--wash:#fdfcff}.tp-summary-card.is-sea{--accent:#147ca0;--tint:#e9f7fc;--wash:#fafdff}.tp-summary-card.is-daylight{--accent:#a67a20;--tint:#fcf4df;--wash:#fffdf8}.tp-summary-card.is-rain{--accent:#3a75b3;--tint:#edf4fd;--wash:#fbfdff}.tp-summary-card.is-storm{--accent:#8d6e9c;--tint:#f5eff9;--wash:#fefcff}.tp-summary-card.is-snow{--accent:#567f9a;--tint:#edf7fb;--wash:#fcfeff}.tp-summary-card.is-humid{--accent:#317963;--tint:#eaf6f0;--wash:#fbfefc}.tp-summary-card dt{margin:0;display:flex;flex-direction:column;gap:11px}.tp-summary-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:var(--tint);color:var(--accent);border-radius:10px}.tp-summary-icon svg{display:block;width:21px;height:21px}.tp-summary-card dt>span:last-child{font-size:12px;font-weight:550;line-height:1.4;color:#506374;min-height:34px;max-width:125px}.tp-summary-value{margin:5px 0 0;display:flex;align-items:baseline;gap:2px;color:#243747;font-size:31px;font-weight:750;letter-spacing:-.045em;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.tp-summary-value small{font-size:17px;letter-spacing:-.01em;font-weight:550;color:#657989}.tp-summary-value.is-duration{gap:6px;font-size:25px;min-height:37px;align-items:baseline}.tp-summary-value.is-duration>span{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}.tp-summary-value.is-duration small{font-size:12px;font-weight:550}.tp-summary-note{font-size:11px;line-height:1.5;color:#6c7e8a;margin:10px 0 0}
@media(min-width:1100px){.tp-summary-card{padding:17px 15px 18px}.tp-summary-value{font-size:34px}.tp-summary-value.is-duration{font-size:28px}.tp-summary-card dt>span:last-child{font-size:13px;min-height:36px}.tp-summary-note{font-size:12px}}
@media(max-width:950px){.tp-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tp-summary-card:last-child:nth-child(4n+3){grid-column:span 2}.tp-summary-card{padding:14px}.tp-summary-card dt{gap:9px}.tp-summary-value{font-size:32px}.tp-summary-value.is-duration{font-size:27px}}
@media(max-width:560px){.tp-weather-summary{margin:19px 0 24px}.tp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tp-summary-card{padding:13px 14px 15px;border-radius:13px}.tp-summary-card:last-child:nth-child(4n+3){grid-column:auto}.tp-summary-card dt{gap:8px}.tp-summary-card dt>span:last-child{font-size:12px;min-height:17px;max-width:none}.tp-summary-value{margin-top:8px;font-size:32px}.tp-summary-value.is-duration{font-size:27px;min-height:38px}.tp-summary-card:last-child:nth-child(2n+1){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.tp-summary-card:last-child:nth-child(2n+1) dt{flex-direction:row;align-items:center;gap:10px}.tp-summary-card:last-child:nth-child(2n+1) dd{margin:0}.tp-summary-note{font-size:11px}}