/* v0.8: one global unit switch, country exploration and compact city analysis. */
[hidden]{display:none!important}
.global-units{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #4f788a;border-radius:24px;flex:0 0 auto;margin-left:auto;align-self:center}
.global-units button{background:transparent;color:#d5efee;border:0;border-radius:18px;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer;line-height:1.1;min-width:33px}
.global-units button.selected{background:#9ee6d0;color:#082b40}
.global-units button:focus-visible{outline:2px solid white;outline-offset:2px}
.approved-header .header-tools{margin-left:9px}.approved-header .brand{min-width:210px}
.countries-explore{max-width:1500px;margin:0 auto;color:#16364b}.countries-explore>.dashboard-heading{padding:28px 16px 14px}
.countries-explore #global-map-analysis{margin-bottom:24px}
#location-details .location-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
#location-details .real-location-map,#location-details .real-climate-panel{padding:23px;border-radius:14px;min-height:0;height:auto;display:flex;flex-direction:column;min-width:0}
#location-details .real-climate-panel{border:1px solid #cfdee6;background:#fff;box-shadow:none}
#location-details .city-name-row{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:17px 0 10px}
#location-details #location-map-name{margin:0;font-size:clamp(26px,2.5vw,37px)}
#location-details .map-watermark{align-self:flex-start;font-size:10px}
#location-details #location-map-context{font-size:13px;line-height:1.5}
#location-details .real-metrics{margin-top:19px;gap:12px}
#location-details .real-metrics>div{padding:16px}
#location-details .real-metrics strong{font-size:clamp(17px,1.4vw,21px);line-height:1.38}
#location-details .real-data-meta{margin-top:auto;padding-top:12px;position:static;line-height:1.4;font-size:11px}
#location-details .real-metrics{margin-bottom:20px}
#location-details .location-output-tools{margin:0 0 9px;padding:0;border:0;justify-content:flex-end}
#location-details #location-trend-title{font-size:20px;margin:0 0 10px}
#location-details .location-real-chart{padding:4px;border:0;min-height:0;background:transparent;margin:10px 0 0}
#location-details .power-chart{min-height:0;max-height:310px;width:100%;background:white}
#location-details .compact-note{margin:0!important;padding:13px!important}
#location-details .compact-note p{font-size:13px;line-height:1.5;margin:8px 0 0}
.city-evidence{margin:15px 0 0;border:1px solid #d6e4ea;border-radius:12px;padding:13px 18px}
.city-evidence>summary{font-size:14px;color:#28566b;font-weight:750;cursor:pointer}
.pin-location{background:transparent;border:1px solid #70afa9;color:#98ebd9;border-radius:50%;width:38px;height:38px;min-width:38px;padding:7px;display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle}
.pin-location[aria-pressed=true]{background:#abe9d4;color:#0c3e51}.pin-location[aria-pressed=true] path{fill:currentColor}
#research-output-tools .pin-location{color:#156f82;border-color:#a9ccd2}#research-output-tools{justify-content:flex-end}
#research-output-tools .card-kicker{margin-right:auto;flex-basis:auto}
#personal-city-host .dashboard-heading{display:none}
#personal-city-host .city-climate-page{padding:0}
#personal-city-host .standalone-city-search{margin:0 0 18px}
.personal-settings{padding:20px;border:1px solid #d1e2e9;border-radius:14px;background:white;margin:18px 0}
.personal-settings>summary{font-size:19px;font-weight:750;color:#173d55;cursor:pointer;margin-bottom:10px}
.personal-results-section{margin:22px 0}.personal-results-section>h2{margin-bottom:8px}
.workbench-tabs{display:flex;gap:8px;margin:15px 0 22px;border-bottom:1px solid #cbdfe6;padding-bottom:10px}
.workbench-tabs button{border:1px solid #c2d8e0;padding:11px 17px;background:#fff;color:#234c63;border-radius:10px;font-weight:750;cursor:pointer}
.workbench-tabs button[aria-selected=true]{background:#0b2a41;color:#9de8d4;border-color:#0b2a41}
.compare-workbench .city-search-wrap,.travel-builder .city-search-wrap{position:relative;padding:0;border:0;box-shadow:none;margin:15px 0}
.compare-workbench .city-search-results,.travel-builder .city-search-results{top:74px;left:0;right:0}
.selected-city-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.selected-city-chips button{padding:8px 12px;background:#eff8f7;border:1px solid #b8d9d6;border-radius:20px;color:#23536b;cursor:pointer;font-size:12px}
.comparison-table{width:100%;border-collapse:collapse;font-size:14px}
.comparison-table :is(td,th){padding:12px!important;text-align:left}.comparison-table thead{background:#0b2a41;color:#fff}
.compare-workbench .table-scroll{max-height:none}.compare-workbench h2{font-size:26px}
.trip-actions,.report-export-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.trip-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.trip-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.trip-heading h2{font-size:23px;margin:0}
.trip-heading button{font-size:11px;white-space:normal}
.trip-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trip-metrics>div{padding:15px;background:#eef7f6;border:1px solid #c5e0db;border-radius:12px}
.trip-metrics span{font-size:12px;color:#476d77;display:block;line-height:1.4}.trip-metrics strong{font-size:29px;color:#126c82;display:block;margin-top:7px}
.trip-context>p{font-size:13px;line-height:1.55}.trip-context details{font-size:12px}.trip-context summary,.travel-method summary,.export-notes summary{cursor:pointer;color:#20546b;font-weight:750;font-size:15px}
.commercial-notice{background:#eaf6f3;border:1px solid #c0dfd6;border-radius:13px;padding:17px 21px;margin:20px 0;color:#234c5d}
.commercial-notice p{font-size:13px;line-height:1.55;margin:6px 0}
.report-export-actions button{border:0;border-radius:10px;background:#0b2a41;color:#b1f3df;padding:14px 18px;font-size:14px;font-weight:750;cursor:pointer}
.report-summary{border-top:1px solid #d5e5ec;margin-top:15px;padding-top:14px}.report-summary h3{font-size:21px;margin:0}.report-summary p{font-size:13px}
.report-from-result{font-size:12px;padding:8px 11px}
.export-notes p{font-size:13px;line-height:1.6}
@media(min-width:1121px){.approved-header nav a{min-width:70px;padding-inline:7px}.approved-header .build-pill{min-width:90px;padding-inline:9px}.approved-header .brand{min-width:205px}}
@media(max-width:1120px){.global-units{order:2;margin-left:auto}.approved-header #menu{order:3;margin-left:8px}.approved-header nav{order:4}}
@media(max-width:850px){#location-details .location-layout,.trip-stops{grid-template-columns:1fr}.personal-card-grid{grid-template-columns:1fr}#location-details .real-location-map,#location-details .real-climate-panel{padding:18px}#location-details .real-data-meta{margin-top:0}#location-details .real-metrics strong{font-size:19px}.global-units button{padding:8px 9px}}
@media(max-width:600px){.trip-metrics{grid-template-columns:1fr}.trip-heading{flex-wrap:wrap}.trip-actions>*{flex:1}.countries-explore>.dashboard-heading{padding-inline:12px}.report-export-actions button{flex:1;min-width:130px}.pin-location{min-width:38px}}

@media(max-width:1120px){header.approved-header .brand{min-width:0;flex:1}header.approved-header #header-units{flex:0 0 auto}header.approved-header #menu{flex:0 0 auto}}


/* v0.8.01 map polish and Pacific measurement clarity */
.mini-earth{
  height:240px!important;
  border-radius:12px;
  background:#07172b url("https://assets.science.nasa.gov/dynamicimage/assets/science/esd/climate/2023/12/ImageWall5_1920x1200-80.jpg?crop=faces%2Cfocalpoint&fit=clip&h=1200&w=1920") center/cover no-repeat!important;
}
.pacific-observation{margin:12px 0;padding:12px 14px;border:1px solid #d3e4e8;border-radius:11px;background:#eff8f7}
.pacific-observation span,.pacific-observation small{display:block;color:#547483;font-size:11px;line-height:1.4}
.pacific-observation strong{display:block;color:#0f7280;font-size:20px;line-height:1.25;margin:4px 0}
.grid-canvas-box{background:#d7e0e5;box-shadow:0 8px 24px #17384b12}
.global-grid-canvas{image-rendering:auto}
.grid-freshness{margin:12px 0 2px;padding:10px 12px;border-radius:9px;background:#f3f7fa;color:#456777;font-size:12px;line-height:1.5;border:1px solid #dde8ed}
.grid-legend{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;background:#f6fafb!important;border:1px solid #d5e4e9!important;border-left:0!important;border-radius:10px;padding:14px!important}
.legend-title{grid-column:1/-1;font-size:12px;font-weight:800;color:#234b60}
.legend-bar{height:14px;border-radius:999px;border:1px solid #cadbe2;box-shadow:inset 0 0 0 1px #ffffff80}
.legend-bar.temperature{background:linear-gradient(90deg,#2d74ae 0%,#aac9df 35%,#f8f9f9 50%,#e4b1a8 65%,#cc4e3d 100%)}
.legend-bar.rainfall{background:linear-gradient(90deg,#b17533 0%,#dfc7a5 35%,#f8f9f9 50%,#a7d3d8 65%,#1e8497 100%)}
.legend-labels{grid-column:1/2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;color:#4d6d7c;font-size:11px}
.legend-labels strong{text-align:center;color:#274e62}.legend-labels span:last-child{text-align:right}
.legend-note{grid-column:1/-1;margin:2px 0 0;color:#4f6d7a;font-size:12px;line-height:1.5}
.legend-missing{display:inline-flex;align-items:center;gap:6px;color:#4f6d7a;font-size:11px;white-space:nowrap}
.legend-missing i{width:15px;height:15px;background:#cdd6dc;border:1px solid #aab9c1;border-radius:3px}
@media(max-width:700px){.grid-legend{grid-template-columns:1fr}.legend-missing{grid-column:1}.pacific-observation strong{font-size:18px}}