/* ---- Events: curated Earth-event catalogue ------------------------------
   Three columns over the live globe: the rail and the detail panel take the
   pointer, the middle stage stays transparent so the arcs are visible. */
.events-screen{position:fixed;inset:102px 0 48px;z-index:110;display:grid;
  grid-template-columns:340px minmax(0,1fr) 450px;gap:16px;
  padding:18px max(20px,calc((100vw - 1560px)/2));pointer-events:none}
.events-screen>*{pointer-events:auto;min-height:0}
.events-stage{pointer-events:none}
.events-rail,.events-detail{background:#0d1a12f2;border:1px solid #314d3a;
  overflow:auto;scrollbar-width:thin;padding:18px}
.events-rail{display:flex;flex-direction:column;gap:14px}
.events-rail-head h2{font-family:var(--font);font-size:24px;font-weight:400;
  line-height:1.2;letter-spacing:-.5px;color:#d5e9d9;margin:8px 0 10px}
.events-lede{font-size:11px;line-height:1.8;color:#8aa894;margin:0}
.events-list{display:flex;flex-direction:column;gap:8px}
.event-card{text-align:left;background:#13251a;border:1px solid #2c4936;
  border-left:2px solid transparent;color:#c3dfcc;padding:13px 14px;
  display:flex;flex-direction:column;gap:7px;cursor:pointer;font-family:inherit}
.event-card:hover{background:#193122;border-color:#3d6047}
.event-card:focus-visible{outline:2px solid #7fd3a0;outline-offset:2px}
.event-card.active{border-left-color:#7fd3a0;background:#1b3325}
.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.event-period{font-size:9px;letter-spacing:1px;color:#6d997e}
.event-title{font-size:13px;font-weight:400;line-height:1.5;color:#dbeede}
.event-summary{font-size:10px;line-height:1.7;color:#83a48f;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.event-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.ev-layer{font-size:8px;letter-spacing:.8px;text-transform:uppercase;
  padding:3px 6px;border:1px solid currentColor;opacity:.85}
.ev-layer-ocean{color:#00e5ff}.ev-layer-atmosphere{color:#a855f7}
.ev-layer-land{color:#f59e0b}.ev-layer-cryosphere{color:#e0f2fe}
.ev-badge{font-size:8px;letter-spacing:.7px;text-transform:uppercase;
  padding:3px 7px;border:1px solid currentColor;white-space:nowrap}
.ev-ok{color:#7fd3a0}.ev-await{color:#e9c77a}.ev-off{color:#8ac9ff}
.ev-thin{color:#9aa6b4}.ev-watch{color:#f091d3}
.events-rail-foot{font-size:9px;line-height:1.7;color:#6d8c78;margin:0;
  border-top:1px solid #253d2c;padding-top:11px}
.events-detail{display:flex;flex-direction:column;gap:14px}
.events-placeholder,.events-loading p,.events-error{font-size:12px;
  line-height:1.8;color:#8aa894;margin:0}
.events-error{color:#e9a08a}
.ev-head .eyebrow{margin:0 0 6px}
.ev-head h2.ev-title{font-family:var(--font);font-size:23px;font-weight:400;
  line-height:1.25;letter-spacing:-.4px;color:#dcefe0;margin:0 0 9px}
.ev-head-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:11px}
.ev-summary{font-size:11.5px;line-height:1.85;color:#9dbfa8;margin:0}
.ev-watch-note{border:1px solid #a855f7;background:#1a1226;padding:12px 14px}
.ev-watch-note strong{display:block;font-size:10px;letter-spacing:.9px;
  text-transform:uppercase;color:#c9a5f0;margin-bottom:7px}
.ev-watch-note p{font-size:11px;line-height:1.8;color:#b9a6cf;margin:0}
.ev-section{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;
  color:#6d997e;margin:10px 0 0;padding-bottom:7px;border-bottom:1px solid #253d2c}
.ev-edge{background:#13251a;border:1px solid #2c4936;padding:13px 14px;
  display:flex;flex-direction:column;gap:8px}
.ev-edge-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ev-edge-title{font-size:11.5px;font-weight:400;line-height:1.5;color:#cfe7d5}
.ev-numbers{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:10px;color:#8fb89d}
.ev-numbers b{font-weight:400;color:#d5ecd9}
.ev-fdr{margin:0;font-size:9px;letter-spacing:.3px}
.ev-spark{width:100%;height:56px;display:block}
.ev-spark-x{fill:none;stroke:#00e5ff;stroke-width:1.2;opacity:.85}
.ev-spark-y{fill:none;stroke:#f59e0b;stroke-width:1.2;opacity:.85}
.ev-provenance,.ev-proxy,.ev-reason,.ev-mini,.ev-note{margin:0;font-size:9.5px;
  line-height:1.7;color:#7d9c88}
.ev-proxy{color:#b99a6f}.ev-reason{color:#c9a86f}
.ev-details summary{cursor:pointer;font-size:9px;letter-spacing:1px;
  text-transform:uppercase;color:#7fb494;padding:5px 0}
.ev-details summary:hover{color:#a5d6b8}
.ev-mech{display:flex;flex-direction:column;gap:9px;padding-top:7px}
.ev-why{font-size:11px;line-height:1.8;color:#9dbfa8;margin:0}
.ev-steps{list-style:none;counter-reset:step;margin:0;padding:0;
  display:flex;flex-direction:column;gap:7px}
.ev-step{counter-increment:step;display:grid;grid-template-columns:66px minmax(0,1fr);
  gap:9px;font-size:10px;line-height:1.7;color:#8fb89d;align-items:start}
.ev-step::before{content:counter(step);display:none}
.ev-step-layer{font-size:7.5px;letter-spacing:.7px;text-transform:uppercase;
  border:1px solid currentColor;padding:2px 4px;text-align:center}
.ev-evidence{display:flex;flex-direction:column;gap:5px}
.ev-list{margin:0;padding-left:15px;display:flex;flex-direction:column;gap:4px}
.ev-list li{font-size:9.5px;line-height:1.7;color:#7d9c88}
.ev-limits li{color:#c9a86f}
.ev-declared{border-top:1px solid #253d2c;padding-top:11px}
body[data-screen=events] .k-region-card,body[data-screen=events] .selection-breadcrumb,
body[data-screen=events] .selection-dock,body[data-screen=events] .col-left,
body[data-screen=events] .map-bottom-bar,body[data-screen=events] .krc-head{display:none}
@media(max-width:1240px){.events-screen{grid-template-columns:300px minmax(0,1fr) 400px}}
@media(max-width:980px){
  .events-screen{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);
    inset:100px 0 48px;padding:12px}
  .events-stage{display:none}
  .events-rail{max-height:38vh}
}

/* ---- Events: event picker, imagery, named globe points ---------------- */
.ev-select-label{display:block;font-size:9px;letter-spacing:1.2px;
  text-transform:uppercase;color:#6d997e;margin:4px 0 7px}
.ev-select{width:100%;background:#0f2116;border:1px solid #3a5b45;color:#cfe7d5;
  font-family:inherit;font-size:12px;line-height:1.5;padding:11px 10px;
  appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#7fb494 50%),linear-gradient(135deg,#7fb494 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
.ev-select:focus-visible{outline:2px solid #7fd3a0;outline-offset:1px}
.ev-select option,.ev-select optgroup{background:#0f2116;color:#cfe7d5}
.ev-legend{border-top:1px solid #253d2c;padding-top:10px;margin-top:4px}
.ev-legend summary{cursor:pointer;font-size:9px;letter-spacing:1px;
  text-transform:uppercase;color:#7fb494;padding:4px 0}
.ev-legend summary:hover{color:#a5d6b8}
.ev-legend-list{list-style:none;margin:9px 0 0;padding:0;
  display:flex;flex-direction:column;gap:10px}
.ev-legend-list li{display:grid;grid-template-columns:98px minmax(0,1fr);
  gap:9px;align-items:start;font-size:9.5px;line-height:1.65;color:#7d9c88}

.ev-gallery{display:flex;flex-direction:column;gap:9px}
.ev-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ev-figure{margin:0;display:flex;flex-direction:column;gap:5px;
  background:#0f2116;border:1px solid #2c4936;overflow:hidden}
.ev-figure img{width:100%;height:104px;object-fit:cover;display:block;
  background:#0a1710}
.ev-figure figcaption{font-size:9px;line-height:1.55;color:#9dbfa8;padding:0 7px}
.ev-credit{font-size:8px;line-height:1.5;color:#6d8c78;padding:0 7px 7px}
.ev-credit a{color:#8fc9a5}

.earth-node-layer{pointer-events:none}
.ev-node{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;
  pointer-events:auto;background:none;border:0;padding:2px 4px;font-family:inherit;
  cursor:pointer;white-space:nowrap;color:#cfe7d5}
.ev-node-dot{width:7px;height:7px;border-radius:50%;background:currentColor;
  box-shadow:0 0 0 2px #04120a,0 0 10px currentColor;flex:none}
.ev-node-name{font-size:9px;letter-spacing:.6px;color:#d3ead9;
  text-shadow:0 1px 4px #001308,0 0 8px #051509}
.ev-node:hover .ev-node-name,.ev-node:focus-visible .ev-node-name{color:#fff}
.ev-node:focus-visible{outline:1px dashed #7fd3a0;outline-offset:2px}
.ev-node-ocean{color:#00e5ff}
.ev-node-atmosphere{color:#a855f7}
.ev-node-land{color:#f59e0b}
.ev-node-cryosphere{color:#e0f2fe}
.ev-node-tip{display:flex;flex-direction:column;gap:4px;max-width:290px;
  line-height:1.6;white-space:normal}
.ev-node-tip strong{font-size:11px;color:#dcefe0}
.ev-node-tip em{font-size:8.5px;letter-spacing:.7px;text-transform:uppercase;
  color:#7fb494;font-style:normal}
.ev-node-tip span{font-size:10px;color:#a9c9b3}
@media(max-width:980px){.ev-gallery-grid{grid-template-columns:1fr 1fr}}
.ev-node-routes{display:flex;flex-direction:column;gap:3px;margin-top:3px;
  padding-top:5px;border-top:1px solid #2c493c}
.ev-node-routes span{font-size:9.5px;line-height:1.5;color:#8fc9a5}


/* Integration: readable controls and explicit editorial/computed states. */
.events-screen[hidden]{display:none}.events-screen{grid-template-columns:280px minmax(0,1fr) 420px}.events-screen p,.events-screen li,.events-screen label,.events-screen summary,.events-screen select,.events-screen button{font-size:14px;line-height:1.65;color:#c6decf}.events-screen h3{font-size:15px;color:#d5e9dc}.events-screen h2{font-size:23px}.events-screen .ev-badge{font-size:11px}.events-screen .ev-edge-title{font-size:16px}.events-screen .ev-credit{font-size:12px;color:#b4cfbd}.events-screen .ev-credit a{color:#b8e5c9}.event-run-controls{border:1px solid #6a8c73;background:#153326;padding:14px;display:flex;flex-wrap:wrap;gap:12px}.event-run-controls>p{width:100%}.event-run-controls button{padding:9px 12px;min-height:42px}.event-date-row{display:flex;gap:15px;width:100%}.event-date-row label{flex:1}.event-date-row input{display:block;width:100%;background:#102219;border:1px solid #73967e;color:#e9f5ed;padding:9px;box-sizing:border-box;font:inherit;font-size:16px}.event-photos summary{cursor:pointer;color:#bde2c9}.event-edge-focused{outline:2px solid #a3d7b5;outline-offset:3px}.ev-node-name{font-size:12px}.ev-node-tip strong{font-size:15px}.ev-node-tip em,.ev-node-tip span,.ev-node-routes span{font-size:13px}.ev-legend-list li{grid-template-columns:100px minmax(0,1fr);font-size:14px}.events-screen .ev-mini,.events-screen .ev-provenance,.events-screen .ev-proxy,.events-screen .ev-fdr{font-size:13px}.events-screen .ev-spark{height:70px}.ev-select{width:100%;background:#152f22;color:#e3f0e7;border:1px solid #73977e;min-height:45px}.events-screen :focus-visible{outline:2px solid #a3d7b5;outline-offset:3px}@media(max-width:1100px){.events-screen{grid-template-columns:240px minmax(0,1fr) 365px;padding:12px;gap:10px}}@media(max-width:980px){.events-screen{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.events-rail{max-height:30vh}}body[data-screen=events] .map-controls{z-index:115}
