.climate-app{max-width:1180px;margin:auto;padding:0 clamp(16px,3vw,32px) 30px;color:var(--ink,#18343c);overflow-x:clip}
.climate-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce8e8}
.climate-header .brand-mark{font-size:1.2rem}
.climate-menu{position:relative;z-index:5}.climate-menu summary{list-style:none;cursor:pointer;border:1px solid #c9d9da;border-radius:10px;padding:8px 13px;font-size:19px;line-height:1.2}.climate-menu summary::-webkit-details-marker{display:none}
.climate-menu nav{position:absolute;right:0;top:45px;min-width:210px;display:grid;background:var(--surface,#fff);border:1px solid #d7e2e2;border-radius:12px;box-shadow:0 12px 30px #132f3330;padding:6px}
.climate-menu:not([open]) nav{display:none}.climate-menu nav a{display:block;padding:11px 12px;color:inherit;text-decoration:none;border-radius:7px}.climate-menu nav a:hover,.climate-menu nav a:focus-visible{background:#e9f3f2}
.climate-intro{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 24px}.climate-intro h1{font-size:clamp(2rem,4vw,3rem);margin:2px 0 8px;line-height:1.1}.climate-intro p:not(.eyebrow){max-width:720px;margin:0;color:#51666a;line-height:1.5}.climate-intro small{white-space:nowrap;color:#607579}.climate-intro .eyebrow{font-size:.7rem;letter-spacing:.13em;color:#587f87;margin:0}
.climate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.climate-card,.climate-detail{background:var(--surface,#fff);border:1px solid #d7e4e5;border-radius:15px;box-shadow:0 3px 12px #18343c0b}
.climate-card{min-width:0;display:flex;flex-direction:column;padding:19px;gap:8px}.climate-card-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.climate-card h2{font-size:1.25rem;margin:0}.climate-card-head span,.climate-meta,.climate-card p{color:#587074}.climate-card p{margin:0;line-height:1.45;font-size:.88rem}.climate-value{font-size:1.85rem;line-height:1.15;font-weight:750;font-variant-numeric:tabular-nums}.climate-value.positive{color:#a25e29}.climate-value.negative{color:#367790}.climate-value.unavailable{font-size:1.15rem;color:#607579}.climate-meta{font-size:.8rem}.climate-card a{font-weight:650;color:#207083;text-decoration:none;margin-top:auto;padding-top:4px}.climate-card a:hover{text-decoration:underline}
.climate-spark{width:100%;height:45px;display:block;overflow:visible}.climate-detail{margin-top:20px;padding:clamp(16px,2.5vw,26px);scroll-margin-top:14px}.climate-detail header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.climate-detail h2{font-size:1.5rem;margin:0}.climate-detail header p{margin:4px 0 0;color:#597076}.climate-source{font-size:.81rem;color:#597076;line-height:1.5}.climate-source a{color:#217185}.climate-ranges{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.climate-ranges button{cursor:pointer;border:1px solid #cbdcdd;background:transparent;border-radius:8px;padding:7px 11px;color:inherit;min-height:36px}.climate-ranges button[aria-pressed=true]{background:#245a68;color:#fff;border-color:#245a68}
.climate-chart{width:100%;min-height:245px;position:relative}.climate-chart svg{width:100%;height:245px;display:block;touch-action:pan-y}.climate-chart text{font:11px system-ui;fill:#64777b}.climate-chart .chart-line{fill:none;stroke:#247c8e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.climate-chart .chart-ref{stroke:#a6b9bd;stroke-dasharray:4 4}.climate-chart .chart-point{fill:#247c8e}.climate-chart .chart-hit{fill:transparent;cursor:crosshair}.climate-tooltip{font-size:.83rem;color:#3d5960;min-height:24px;margin:4px 0 0}.climate-explain{margin-top:16px;border-top:1px solid #e0ebeb}.climate-explain details{border-bottom:1px solid #e0ebeb;padding:10px 0}.climate-explain summary{cursor:pointer;font-weight:600}.climate-explain p{margin:8px 0 3px;color:#50666b;line-height:1.5}.climate-caveat{font-size:.86rem;color:#5b7075;margin:23px 0}.climate-footer{border-top:1px solid #dce8e8;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 0;color:#597076;font-size:.84rem}.climate-footer a{color:#217185}
@media(max-width:700px){.climate-header{height:60px}.climate-intro{display:block;margin:22px 0}.climate-intro small{display:block;margin-top:12px}.climate-cards{grid-template-columns:1fr;gap:10px}.climate-card{padding:15px}.climate-detail{margin-top:12px}.climate-chart svg{height:220px}.climate-chart{min-height:220px}}
@media(prefers-color-scheme:dark){.climate-app{color:#e8f2f2}.climate-card,.climate-detail,.climate-menu nav{background:#193138;border-color:#36525a}.climate-intro p:not(.eyebrow),.climate-intro small,.climate-card p,.climate-card-head span,.climate-meta,.climate-detail header p,.climate-source,.climate-tooltip,.climate-explain p,.climate-caveat,.climate-footer{color:#b4c8cb}.climate-menu nav a:hover,.climate-menu nav a:focus-visible{background:#2a4b55}.climate-ranges button{color:#e8f2f2}.climate-header,.climate-footer,.climate-explain,.climate-explain details{border-color:#36525a}.climate-chart text{fill:#bbccce}.climate-value.positive{color:#e5aa76}.climate-value.negative{color:#8fc7df}}