/* v0.9 Earth watch. Geographic image is retained; all data layers use the same lon/lat extent. */
.live-earth{border:1px solid #ccdee6;background:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 36px #17384b0b;color:#173d55;margin:14px 0 24px}
.earth-caption-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 2px 15px}.earth-caption-top h2{font-size:24px;margin:5px 0 0}
.earth-status-tag{border-radius:20px;padding:7px 12px;background:#e7f7f1;color:#136954;font-size:11px;font-weight:800;max-width:240px;text-align:center}.earth-status-tag.outdated{background:#fff1d9;color:#71510b}
.earth-stage{position:relative;border-radius:13px;overflow:hidden;background:#09243a}.earth-base{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:fill;filter:brightness(.94)}
.earth-observation,.earth-night,.earth-boundaries,.earth-aurora{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:2/1}
.earth-observation,.earth-aurora{z-index:2;pointer-events:none}.earth-night{z-index:3;pointer-events:none}.earth-boundaries{z-index:4;cursor:crosshair;touch-action:pan-y}.earth-boundaries:focus-visible{outline:3px solid #99ffe5;outline-offset:-4px}
.earth-right-controls{position:absolute;right:12px;top:12px;bottom:12px;z-index:6;display:flex;flex-direction:column;gap:4px;background:#092638ef;border:1px solid #376476;border-radius:13px;padding:6px;width:144px;overflow:auto;box-shadow:0 5px 20px #05223235}
.earth-right-controls button{color:#d3edf1;border:1px solid transparent;background:transparent;border-radius:8px;font-size:12px;display:flex;gap:8px;align-items:center;padding:9px 8px;cursor:pointer;white-space:nowrap;min-height:34px}.earth-right-controls button:hover{background:#164559}.earth-right-controls button.selected{background:#a2ead5;color:#10394d;font-weight:800}.earth-right-controls button:focus-visible{outline:2px solid #fff;outline-offset:-3px}.earth-layer-symbol{width:17px;text-align:center}.earth-control-separator{height:1px;background:#50717d;margin:4px 0;flex-shrink:0}
.earth-image-credit{position:absolute;top:12px;left:12px;z-index:5;color:#e0f2f6;background:#061d30bb;border-radius:5px;padding:5px 7px;font-size:10px;pointer-events:none}
.earth-controls-bottom{display:flex;gap:14px;justify-content:space-between;align-items:end;flex-wrap:wrap;margin:14px 0}.earth-time-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.earth-time-controls label,.earth-country-card>label{display:block;font-size:12px;color:#456b7d;font-weight:750}.earth-time-controls select,.earth-country-select{display:block;border-radius:8px;border:1px solid #bbd2dc;background:#f7fbfc;color:#21495f;padding:9px 11px;margin-top:5px;min-width:215px;max-width:100%}.earth-time-controls .soft-btn,.earth-refresh{font-size:12px;padding:10px}.earth-opacity-label{max-width:150px;padding-left:8px}.earth-opacity{display:block;accent-color:#148c82;width:130px;margin:10px 0 7px}
.earth-status{font-size:13px;background:#eef7f9;border-left:3px solid #2592a0;border-radius:7px;padding:11px 14px;margin:14px 0;line-height:1.5}
.earth-reading{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:25px;padding:7px 2px}.earth-reading h3{font-size:19px;margin:4px 0 8px}.earth-description{font-size:14px;line-height:1.5;color:#3e6678}.earth-date,.earth-night-date{font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#577688}
.earth-legend{min-width:0;background:#f9fcfc;padding:10px;border-radius:9px;font-size:12px}.earth-legend:empty{display:none}.earth-legend img{width:100%;max-width:400px;max-height:180px;object-fit:contain;background:white}.earth-legend .small-note{font-size:11px;margin:6px 0;line-height:1.5}.aurora-scale{height:15px;border-radius:9px;background:linear-gradient(90deg,#5cdb9e,#afd365,#ff8750);margin:10px 0}
.earth-limit-details{border-top:1px solid #d8e7ed;padding:12px 2px;font-size:13px;color:#456777}.earth-limit-details summary{cursor:pointer;color:#21566b;font-weight:750}.earth-source-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.earth-country-card{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:17px;border-radius:12px;background:#f0f8f7;border:1px solid #cae2dc;margin-top:7px}.earth-country-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.earth-country-actions strong{flex-basis:100%;font-size:17px}.earth-country-actions :is(button,a){font-size:12px}.earth-country-note{flex-basis:100%;margin:0;color:#597583;font-size:11px}
.learning-panel{background:#f7fbfd;border:1px solid #cee3e8;padding:24px;border-radius:16px;color:#183c51;margin:18px 0;scroll-margin-top:calc(var(--sticky-header-height,90px) + 18px)}.learning-panel h2{font-size:25px}.learning-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #c9dee5;padding:10px 0 15px}.learning-tabs button{padding:11px 16px;border-radius:8px;background:#fff;border:1px solid #bfd5df;color:#234f65;font-weight:750;cursor:pointer}.learning-tabs button[aria-selected=true]{background:#0c3047;color:#9ef0d6;border-color:#0c3047}.learning-panel article h3{font-size:20px;margin-top:18px}.learning-panel article p{font-size:14px;line-height:1.65;color:#3b6275}.learning-source-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.learn-pattern{text-decoration:none!important;color:inherit}.learn-pattern:hover{border-color:#43bba9;box-shadow:0 8px 22px #15958e20}.learn-pattern:focus-visible{outline:3px solid #1ba191;outline-offset:3px}.learn-link{display:inline-block;color:#177a87;font-size:12px;font-weight:800;margin-top:9px}
.saved-areas-section{background:#fff;border:1px solid #d1e3e9;border-radius:12px;padding:20px;margin:20px 0}.saved-areas-section h2{font-size:23px}.saved-areas-section p{font-size:13px;color:#4e7080}.saved-area{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d9e7ec;padding:10px}.saved-area a{color:#196f82}.saved-area button{font-size:12px}
@media(max-width:900px){.earth-reading{grid-template-columns:1fr}.earth-right-controls{width:128px;right:8px;top:8px;bottom:8px}.earth-right-controls button{padding:5px 7px;min-height:28px}.earth-legend img{max-width:378px}.earth-country-card{padding:12px}}
@media(max-width:600px){.live-earth{padding:10px;border-radius:12px}.earth-caption-top{align-items:flex-start}.earth-caption-top h2{font-size:20px}.earth-status-tag{font-size:10px;padding:6px;max-width:135px}.earth-right-controls{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;border-radius:0;padding:8px;overflow:visible}.earth-right-controls button{font-size:11px;padding:8px;flex:1 0 24%;justify-content:center}.earth-control-separator{display:none}.earth-image-credit{font-size:8px;top:7px;left:7px}.earth-time-controls select{min-width:190px}.earth-time-controls{width:100%}.earth-opacity-label{padding-left:0}.earth-country-select{width:100%}.earth-country-card>label{width:100%}.earth-country-actions{width:100%}.earth-reading{gap:8px}.learning-panel{padding:17px}.learning-tabs button{flex:1;font-size:12px;padding:9px}.earth-status{font-size:12px}}