.tt-climate{box-sizing:border-box;width:calc(100% - 48px);max-width:1320px;margin:48px auto;padding:34px;color:#17251d;background:#f5f7f3;border:1px solid #e1e7de;border-radius:20px;font-family:Rubik,Arial,sans-serif;scroll-margin-top:90px}
.tt-climate *{box-sizing:border-box}.tt-climate [hidden]{display:none!important}.tt-climate .tt-climate-kicker{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#326b35;margin:0 0 12px}.tt-climate h2{font-size:clamp(25px,3vw,36px);line-height:1.2;font-weight:500;margin:0 0 12px;color:#18291f}.tt-climate-intro{font-size:15px;line-height:1.6;margin:0 0 22px;max-width:720px}.tt-climate-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.tt-climate-controls button{font:inherit;font-size:13px;padding:11px 16px;border:1px solid #cad5c7;border-radius:24px;background:#fff;color:#22382a;cursor:pointer}.tt-climate-controls button[aria-pressed=true]{background:#244b30;border-color:#244b30;color:#fff}.tt-climate button:focus-visible,.tt-climate summary:focus-visible,.tt-climate a:focus-visible{outline:3px solid #1665a9;outline-offset:4px}.tt-climate-zone h3{font-size:16px;font-weight:500;margin:0 0 6px}.tt-climate-reference{font-size:12px;color:#546056;line-height:1.5;margin:0 0 18px}.tt-climate-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.tt-climate-month{background:#fff;border:1px solid #e0e6dd;border-radius:12px;min-width:0;overflow:hidden}.tt-climate-month summary{list-style:none;padding:15px 6px 12px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.tt-climate-month summary::-webkit-details-marker{display:none}.tt-climate-month[open]{border-color:#366448;box-shadow:0 0 0 1px #366448}.tt-climate-month-name{font-size:12px;font-weight:600;line-height:1.3}.tt-climate-temperature{font-size:24px;font-weight:500;color:#234832;line-height:1.2;white-space:nowrap}.tt-climate-precipitation{font-size:12px;color:#36576b;white-space:nowrap}.tt-climate-rain{width:100%;height:58px;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(to top,#edf5f9,transparent);border-bottom:1px solid #d8e7ee}.tt-climate-rain i{display:block;width:17px;height:var(--rain-height);background:linear-gradient(to top,#4e8fbc,#88b7d6);border-radius:5px 5px 0 0;transform-origin:bottom;animation:tt-rain-in .55s ease-out}.tt-climate-month-detail{padding:0 10px 14px;font-size:11px;line-height:1.6;margin:0;color:#405046}.tt-climate-legend{font-size:12px;line-height:1.6;margin:18px 0 0;color:#415148}.tt-climate-legend .tt-climate-dot{display:inline-block;width:8px;height:8px;background:#5c9ac3;border-radius:2px;margin-right:6px}.tt-climate-scale{font-size:11px;color:#5b6a60;margin:4px 0 20px}.tt-climate-source,.tt-climate-note{font-size:11px;line-height:1.6;color:#59665d;margin:8px 0}.tt-climate-about{border-top:1px solid #dce3d8;margin-top:18px;padding-top:14px;font-size:12px;line-height:1.7}.tt-climate-about>summary{cursor:pointer;color:#285838;font-weight:500}.tt-climate-about p{margin:12px 0 0}.tt-climate-about a{color:#285838;text-decoration:underline}.tt-climate-zone+.tt-climate-zone{margin-top:28px}.tt-climate.is-enhanced .tt-climate-zone{margin-top:0}.tt-climate.is-changing .tt-climate-zone{animation:tt-zone-in .22s ease-out}
@keyframes tt-rain-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tt-zone-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.tt-climate-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tt-climate{padding:28px}.tt-climate-month-name{font-size:13px}}
@media(max-width:600px){.tt-climate{width:calc(100% - 32px);margin:32px auto;padding:23px 16px;border-radius:16px}.tt-climate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tt-climate-month summary{padding:14px 6px 12px;gap:9px}.tt-climate-controls button{padding:10px 12px;font-size:12px}.tt-climate-temperature{font-size:25px}.tt-climate-rain{height:42px}.tt-climate-source,.tt-climate-note{font-size:12px}.tt-climate-month-detail{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tt-climate *, .tt-climate.is-changing .tt-climate-zone{animation:none!important;transition:none!important}}
.tt-climate-zone{background:transparent!important;padding:0!important}