/* Status: Explore climate presentation. Last updated: 2026-09-09. */
.climate-slot{display:inline-flex;margin:8px 0 12px;vertical-align:middle}
.climate-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:3px 9px;border:1px solid #c6cec9;border-radius:6px;background:#fff;color:var(--ink,#141414);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.climate-pill:hover{background:#fff9de;border-color:#baac70}.climate-pill strong{font-weight:650;font-size:14px;letter-spacing:-.2px}
.climate-icon{width:26px;height:26px;flex:0 0 auto}.climate-expand{width:13px;height:13px;margin-left:3px;color:#666d6a}
.climate-tools{position:fixed;z-index:17;left:340px;top:82px;padding:9px 10px;border-radius:8px;background:rgba(255,255,253,.97);box-shadow:0 2px 12px #24352612;border:1px solid #e1e3db;max-width:calc(100vw - 22px);font-size:12px}
.climate-tools-row{display:flex;align-items:center;gap:10px}.climate-tools button{font:inherit;cursor:pointer;color:var(--ink,#141414)}
#climate-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;background:none;border:0;padding:0 3px;white-space:nowrap}
.climate-switch{display:inline-block;width:29px;height:17px;border-radius:20px;background:#cbd1c9;position:relative;transition:background .15s}
.climate-switch:after{content:'';position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}
[aria-pressed=true]>.climate-switch{background:#ffca00}[aria-pressed=true]>.climate-switch:after{transform:translateX(12px)}
#climate-variable{min-height:34px;font:inherit;font-size:11px;max-width:132px;padding:5px 20px 5px 8px;border:1px solid #bec7c2;border-radius:5px;background:#fff;color:#18201d}
.climate-mode{display:flex;gap:5px;margin-top:7px}.climate-mode button{min-height:33px;flex:1;padding:4px 10px;border:1px solid #d8ddd5;border-radius:5px;background:white;font-size:10px}
.climate-mode button[aria-pressed=true]{background:#ffdf65;border-color:#bba552}
.climate-tools-footer{display:flex;justify-content:space-between;gap:14px;padding-top:7px}.climate-tools-footer button{border:0;background:none;font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:3px 0;color:#666c63}
.climate-tools-footer button:disabled{opacity:.5;cursor:default}.climate-tools [hidden]{display:none!important}
#climate-load-status{max-width:270px;font-size:10px;line-height:1.5;margin:6px 0 2px;color:#645846}#climate-load-status button{border:0;background:none;text-decoration:underline;padding:3px}
.climate-timeline{position:fixed;z-index:19;left:20px;right:78px;bottom:10px;min-height:74px;display:flex;align-items:center;gap:13px;padding:12px 17px;background:rgba(255,255,253,.98);border:1px solid #e1e3db;border-radius:8px;box-shadow:0 2px 12px #24352612}
.climate-timeline[hidden],.climate-legend[hidden]{display:none!important}
.climate-date{min-width:102px;white-space:nowrap}.climate-date strong{display:block;font-family:var(--font-display,'Archivo Narrow',sans-serif);font-size:23px;line-height:1.15;letter-spacing:-.4px}.climate-date small{font-size:10px;color:#747971}
.climate-timeline>button{flex:0 0 33px;height:38px;border:1px solid #d7ddd4;border-radius:5px;background:white;font-size:24px;line-height:1;cursor:pointer}
.climate-axis{flex:1;min-width:80px;padding-top:9px}#climate-week{width:100%;height:22px;accent-color:#ffcb00;margin:0;cursor:ew-resize;touch-action:pan-x}
.climate-months{position:relative;height:17px;margin-top:3px}.climate-months button{position:absolute;transform:translateX(-50%);border:0;background:none;padding:1px 2px;font:inherit;font-size:9px;cursor:pointer;color:#545e57;min-width:18px}.climate-months button:first-child{transform:none}
#climate-week{appearance:none;-webkit-appearance:none;background:transparent;outline-offset:5px}#climate-week::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#b9c1b8}#climate-week::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border:1px solid #e2b600;border-radius:4px;background:#ffcf00;box-shadow:0 1px 4px #a17f0030}#climate-week::-moz-range-track{height:2px;background:#b9c1b8}#climate-week::-moz-range-thumb{width:15px;height:15px;border:1px solid #e2b600;border-radius:4px;background:#ffcf00}
.climate-time-hint{font-size:9px;line-height:1.4;color:#72776d;white-space:nowrap}
.climate-timeline-compact{min-height:50px;max-height:54px}.climate-timeline-compact .climate-axis{display:none}.climate-timeline-compact .climate-date{flex:1}.climate-timeline-compact .climate-date strong{font-size:18px}
.climate-tools-compact #climate-options,.climate-tools-compact #climate-variable{display:none!important}
.climate-legend{position:fixed;z-index:17;bottom:111px;left:20px;width:302px;padding:10px 12px 8px;background:rgba(255,255,253,.97);border:1px solid #e1e3db;border-radius:7px;box-shadow:0 2px 12px #24352612}
.climate-legend-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.climate-legend-head strong{font-weight:500}
.climate-units{display:flex;gap:3px}.climate-units button{border:1px solid #d7ddd4;border-radius:4px;font:inherit;font-size:10px;padding:3px 6px;background:white;cursor:pointer}.climate-units button[aria-pressed=true]{background:#ffdf65;border-color:#bba552}
#climate-gradient{height:10px;border-radius:7px;margin-top:9px}#climate-ticks{position:relative;height:12px;margin-top:5px;font-size:9px;line-height:11px;font-variant-numeric:tabular-nums}#climate-ticks.temperature-ticks{height:24px}#climate-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}#climate-ticks span::before{content:"";position:absolute;left:50%;top:-3px;height:2px;border-left:1px solid currentColor;opacity:.45}
.climate-legend-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#73796f;gap:8px}.climate-legend-foot button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#climate-resolution{font-size:9px;line-height:1.45;margin:7px 0 1px;color:#6e746b}
body.climate-active .map-status,body.climate-active .map-caption{display:none}
body.climate-active .maplibregl-ctrl-bottom-left{bottom:92px}
.destination-name .climate-map-range{display:block;font:500 10px/1.25 var(--font-body,sans-serif);color:#3e4b41;letter-spacing:0;margin-top:3px;white-space:nowrap}
body.climate-active .destination-name{background:#fffef3f2;padding:4px 7px;border-radius:4px;box-shadow:0 1px 3px #26372116}
.climate-dialog{box-sizing:border-box;position:fixed;inset:auto;margin:0;width:350px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #dce0d7;border-radius:10px;padding:23px 21px;color:#172018;background:#fffffc;box-shadow:0 16px 60px #17291c33;font:13px/1.5 var(--font-body,'Space Grotesk',sans-serif)}
.climate-dialog::backdrop{background:#25342116}
.climate-dialog h2{font:600 17px/1.4 var(--font-body,'Space Grotesk',sans-serif);letter-spacing:-.3px;margin:0 30px 20px 0;color:#172018}.climate-dialog h2 span{font-weight:400;font-size:13px;white-space:nowrap}
.climate-close{position:absolute;right:8px;top:7px;width:32px;height:32px;padding:0;border:0;background:none;border-radius:4px;font-size:25px;color:#555e55;cursor:pointer}
.climate-detail-value{display:flex;align-items:center;gap:13px;margin:8px 0 12px}.climate-detail-value .climate-icon{width:44px;height:44px}.climate-detail-value strong{font:650 31px/1.2 var(--font-body,sans-serif);letter-spacing:-1px}
.climate-condition{font-weight:600;font-size:16px;margin:0}.climate-subtitle{font-size:11px;color:#72776d;margin:5px 0 18px}
.climate-wet-days{border-top:1px solid #e4e7df;border-bottom:1px solid #e4e7df;padding:17px 0;margin:20px 0 15px;font-size:13px}
.climate-disclaimer{font-size:10px;color:#71796e;margin:15px 0;line-height:1.5}
.climate-method{font-size:10px;color:#66725f;line-height:1.65;margin:10px 0}.climate-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:28px}.climate-method p{font-size:10px;margin:10px 0}.climate-method a,.climate-dialog a{color:inherit;text-underline-offset:3px}
.climate-map-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid #dce0d7;padding-top:12px;margin-top:15px;font-size:12px;font-weight:600;cursor:pointer}
.climate-compare-row{display:grid;grid-template-columns:1fr auto;gap:3px 14px;text-align:left;width:100%;background:none;border:0;border-top:1px solid #e2e6dc;padding:13px 0;font:inherit;font-size:13px;cursor:pointer}.climate-compare-row small{grid-column:1/-1;font-size:10px;color:#70796b}
.climate-pill:focus-visible,.climate-tools button:focus-visible,.climate-dialog button:focus-visible,.climate-dialog a:focus-visible,.climate-timeline button:focus-visible{outline:2px solid #d6a600;outline-offset:3px}
@media(max-width:1100px) and (min-width:701px){.climate-tools{max-width:270px}.climate-tools-row{gap:5px}#climate-variable{max-width:110px}.climate-time-hint{display:none}.climate-timeline{gap:8px;padding:10px}.climate-date{min-width:100px}.climate-legend{width:270px}}
@media(max-width:700px){
  .climate-slot{margin:7px 0 11px}.climate-pill{min-height:44px;padding:4px 10px;font-size:12px}.climate-pill strong{font-size:14px}
  .climate-tools{left:10px;top:210px;padding:4px 8px;max-width:calc(100vw - 20px);border-radius:6px}.climate-tools-row{gap:9px}#climate-toggle{min-height:36px;font-size:11px}#climate-variable{min-height:36px;max-width:134px;font-size:10px}
  .climate-mode{margin-top:2px}.climate-mode button{min-height:36px;font-size:10px;padding:5px 8px}.climate-tools-footer{display:none}.climate-tools-footer button{min-height:27px;font-size:9px}
  .climate-tools-compact #climate-options,.climate-tools-compact #climate-variable{display:none!important}
  .climate-timeline{left:10px;right:10px;bottom:10px;min-height:66px;padding:7px 9px;gap:7px}.climate-date{min-width:77px}.climate-date strong{font-size:19px}.climate-date small{font-size:8px}.climate-timeline>button{height:44px;flex-basis:28px;font-size:22px}.climate-time-hint{display:none}
  .climate-axis{padding-top:5px}#climate-week{height:24px}.climate-months{margin-top:0}.climate-months button{font-size:7px;min-width:0;padding:1px 0}.climate-months button:nth-child(even){display:none}
  .climate-legend{left:10px;width:235px;padding:8px 10px 7px}.climate-legend-head{font-size:9px}.climate-units button{padding:3px 6px;min-height:28px}.climate-legend-foot{font-size:7px;gap:5px}#climate-gradient{margin-top:5px}
  .climate-timeline-compact{min-height:50px;max-height:54px}.climate-timeline-compact .climate-axis{display:none}.climate-timeline-compact .climate-date{flex:1}.climate-timeline-compact .climate-date strong{font-size:18px}
  body.climate-active .discovery .filters,body.climate-active .discovery .nearby-switch{display:none}
  body.climate-active .map-controls{bottom:90px}body.climate-active .orientation{bottom:345px}body.climate-active .maplibregl-ctrl-bottom-left{bottom:83px}
  .climate-dialog{left:14px;right:14px;top:50%;transform:translateY(-50%);width:auto;max-width:380px;max-height:calc(100dvh - 48px);margin:0 auto;padding:23px 21px}
  .climate-close{width:44px;height:44px;right:3px;top:2px}.climate-map-link{min-height:48px}.climate-dialog h2{font-size:17px}.climate-method summary{min-height:36px}
  body.detail-expanded .climate-tools,body.detail-expanded .climate-timeline{display:none!important}
}
@media(prefers-reduced-motion:reduce){.climate-switch,.climate-switch:after{transition:none}}