/* v0.9.1: scientific map and interactive explanation remain together. */
.live-earth .earth-right-controls.earth-layer-controls{position:relative;inset:auto;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;background:#f0f7f8;border:1px solid #cde0e6;border-radius:12px;gap:6px;padding:9px;margin:0 0 18px;z-index:6;box-sizing:border-box}
.live-earth .earth-layer-controls button{color:#244e63;font-size:13px;min-height:40px;padding:9px 12px;flex:0 1 auto;border-radius:8px;background:transparent;border:1px solid transparent;white-space:nowrap}
.live-earth .earth-layer-controls button.selected{background:#0c344b;color:#b4f2dc;border-color:#0c344b}.live-earth .earth-layer-controls button:hover{background:#d9ecec;color:#0b3a4e}
.live-earth .earth-layer-controls .earth-control-separator{width:1px;height:32px;margin:4px 5px;background:#b9d0d9}
.live-earth .earth-layer-controls .earth-night-toggle{margin-left:auto;border-color:#abcbd2}
.earth-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);align-items:start;gap:18px}
.earth-map-column{min-width:0;position:sticky;top:calc(var(--sticky-header-height,90px) + 15px)}
.live-earth .earth-stage{border-radius:12px;overflow:hidden;background:#0b1530;aspect-ratio:2/1;min-width:0}
.live-earth .earth-stage .earth-base{display:block;width:100%;aspect-ratio:2/1;object-fit:fill}
.earth-details-panel{min-width:0;max-height:690px;max-height:clamp(520px,72vh,780px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border:1px solid #cfdee6;border-radius:13px;padding:20px;box-sizing:border-box;color:#21475c}
.earth-details-panel h3{font-size:21px;line-height:1.25;margin:0 0 10px}.earth-details-panel .earth-status{font-size:12px;line-height:1.5;padding:10px;margin:8px 0 12px;overflow-wrap:anywhere}
.earth-details-panel .earth-controls-bottom{display:block;margin:8px 0}.earth-details-panel .earth-time-controls{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;width:100%;align-items:end}
.earth-details-panel .earth-time-controls>label:not(.earth-opacity-label){min-width:0;grid-column:2}.earth-details-panel .earth-time-controls .soft-btn{padding:9px 6px;font-size:12px;min-height:37px}.earth-details-panel .earth-time-controls select{min-width:0;width:100%;font-size:12px;padding:9px 5px}.earth-details-panel .earth-latest{grid-column:1/4}
.earth-details-panel .earth-opacity-label{grid-column:1/4;max-width:none;width:100%;padding:0;margin-top:7px}.earth-details-panel .earth-opacity{width:100%;max-width:none;margin:9px 0 3px}
.earth-details-panel .earth-refresh{width:100%;margin:8px 0 0;padding:9px;font-size:12px}.earth-details-panel .earth-date{font-size:11px;color:#577184;margin:9px 0}
.earth-details-panel .earth-legend{padding:10px 7px;background:#f7fafb;overflow:hidden;border:1px solid #d9e6ea}.earth-details-panel .earth-legend img{width:100%!important;max-width:100%!important;height:auto;max-height:none;object-fit:contain;display:block}
.earth-details-panel .earth-description{font-size:13px;line-height:1.6;margin:13px 0 9px}.earth-details-panel .earth-clarity{font-size:12px;line-height:1.55;background:#eef7f5;padding:11px;border-radius:8px;border-left:3px solid #5caba0;color:#355d65}
.earth-display-settings,.earth-details-panel .earth-limit-details{font-size:12px;line-height:1.55;border-top:1px solid #dbe7eb;padding:11px 0;margin-top:10px}.earth-display-settings summary,.earth-details-panel summary{font-weight:750;color:#20556b;cursor:pointer}.earth-display-settings label{display:block;font-size:12px;margin-top:9px}.earth-shade-strength{display:block;width:100%;accent-color:#2b9484}
.earth-details-panel .earth-unit-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:11px}.earth-details-panel .earth-unit-key div{min-width:0}.earth-details-panel .earth-unit-key span,.earth-details-panel .earth-unit-key b{display:block}.earth-details-panel .earth-expand-legend{font-size:11px;margin-top:6px;padding:7px;width:100%}
.earth-legend-dialog{border:1px solid #bfdbdf;border-radius:15px;max-width:92vw;width:850px;padding:18px;background:#fff}.earth-legend-dialog::backdrop{background:#001c2abb}.earth-legend-dialog button{display:block;margin:0 0 14px auto}.earth-legend-dialog img{display:block;max-width:100%;height:auto;margin:auto}
.earth-map-column .earth-country-card{margin-top:14px;font-size:12px}.earth-map-column .earth-country-select{min-width:0;max-width:100%;width:100%;font-size:12px}.earth-map-column .earth-country-note{line-height:1.5}
@media(min-width:1600px){.earth-workspace{grid-template-columns:minmax(0,1fr) 410px}.earth-details-panel{padding:22px}}
@media(max-width:1000px){.earth-workspace{grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:12px}.earth-details-panel{padding:14px}.live-earth .earth-layer-controls button{font-size:12px;padding:8px 10px}}
@media(max-width:760px){.earth-workspace{grid-template-columns:1fr}.earth-map-column{position:static}.earth-details-panel{max-height:none;overflow:visible;scrollbar-gutter:auto}.live-earth .earth-right-controls.earth-layer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;gap:5px}.live-earth .earth-layer-controls button{white-space:normal;min-width:0;justify-content:center;min-height:42px;padding:7px 5px;font-size:11px;line-height:1.25}.live-earth .earth-layer-controls .earth-control-separator{display:none}.live-earth .earth-layer-controls .earth-night-toggle{margin-left:0}.earth-map-column .earth-country-card{padding:12px}.earth-details-panel .earth-time-controls select{font-size:13px}.earth-legend-dialog{padding:12px}.earth-stage .earth-image-credit{max-width:75%;font-size:8px}}
.legend-bar.actual-temperature{background:linear-gradient(90deg,#332b73,#3f8bbf,#b7ddd7,#f6da82,#c34939)}
.legend-bar.actual-rainfall{background:linear-gradient(90deg,#f1f8fc,#b9dfe5,#529dba,#126583,#08374f)}
.earth-air-analysis{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.earth-temperature-product{display:block;color:#3a6475;font-size:12px;font-weight:750;margin:9px 0 14px}.earth-temperature-select{display:block;width:100%;padding:9px 6px;font-size:12px;background:#f8fbfd;color:#194258;border:1px solid #bcd5df;border-radius:8px;margin-top:5px}
.pacific-globe{margin:18px 0;background:#f3f8fb;border:1px solid #d4e4eb;border-radius:18px;padding:20px;color:#173d55}
.pacific-globe-top{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px;margin-bottom:8px}
.globe-content{display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,.85fr);gap:20px;align-items:center}
.globe-canvas{display:block;width:100%;max-width:490px;aspect-ratio:1;margin:auto;touch-action:none;cursor:grab;background:radial-gradient(circle,#185571 0,#102839 55%,transparent 70%);border-radius:50%}
.globe-canvas:focus-visible{outline:3px solid #258a89}.globe-hint{font-size:11px;text-align:center!important;color:#446a7b!important;line-height:1.4}
.globe-controls{display:flex;gap:8px;flex-wrap:wrap}.globe-controls button{font-size:12px;padding:9px 12px}.globe-controls label{font-size:12px;width:100%;color:#315971}.globe-date{width:100%;padding:9px;background:#fff;border:1px solid #c1d9e2;color:#193e54;border-radius:8px;margin-top:5px}
.globe-status,.globe-information details{font-size:13px;line-height:1.55}.globe-information summary{cursor:pointer;font-weight:750;color:#24566d}.globe-information a{color:#14728a}.globe-legend img{width:100%;height:auto;display:block}.globe-information .small-note{color:#496a7a!important}
.pacific-globe.compact{padding:9px;margin:8px 0}.compact .globe-content{display:block}.compact .globe-canvas{max-width:300px}.compact .globe-controls{justify-content:center}.compact .globe-controls label{max-width:170px}.compact .globe-top{display:block}.compact .globe-information details{display:none}.compact .globe-status{font-size:11px;margin:8px 0}.compact .globe-legend{display:none}.compact .globe-hint{margin:4px 0}
.enso-teaching{padding:16px;border:1px solid #6bb4b7;border-radius:14px;background:#f5fbfd;color:#163f57;margin:14px 0 22px}.teaching-caption{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#476b78}.enso-schematic{width:100%;max-height:400px;margin:10px 0}.teaching-controls{display:flex;flex-wrap:wrap;gap:9px}.teaching-controls button{padding:10px 14px;border:1px solid #b8d8df;background:white;color:#215e70;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.teaching-controls button[aria-pressed=true]{background:#0b3e53;color:#b4f6df}.teaching-explanation{color:#274e62!important;font-size:16px;line-height:1.55}.enso-teaching .small-note{font-size:11px;color:#486a76!important}.enso-teaching a{color:#08758b!important}
.enso-teaching.playing .teaching-rain{animation:rain-lesson 1s linear infinite}.enso-teaching.playing .teaching-wind{stroke-dasharray:12 4;animation:wind-lesson 2s linear infinite}.enso-teaching.playing .teaching-upwell{stroke-dasharray:10 5;animation:wind-lesson 2s linear infinite}@keyframes rain-lesson{from{transform:translateY(-4px);opacity:.4}to{transform:translateY(4px);opacity:1}}@keyframes wind-lesson{to{stroke-dashoffset:32}}
@media(prefers-reduced-motion:reduce){.enso-teaching *{animation:none!important}}
.enso-local-context{color:#183e56;margin:10px 0 24px}.enso-local-context h3{font-size:23px!important}.enso-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.enso-context-grid article{background:#fff;border:1px solid #cfe0e9;border-radius:12px;padding:17px}.enso-context-grid h4{font-size:15px;line-height:1.4}.enso-context-grid p{font-size:13px;line-height:1.5}.enso-context-grid small,.enso-context-grid .small-note{font-size:11px;color:#567684}.enso-context-grid a{color:#13778b;font-size:12px}
@media(max-width:800px){.globe-content,.enso-context-grid{grid-template-columns:1fr}.globe-canvas{max-width:390px}.globe-information{max-width:100%}.enso-schematic{min-width:0}.teaching-controls button{flex:1}.enso-context-grid article{padding:13px}}