/* The current white World card no longer uses the earlier photo backdrop. */
body.about-editorial-page #about-world-panel .globe-exploration {
  background: #fff;
}
body.about-editorial-page #about-world-panel #journey-stage {
  background: transparent;
}
/* Match Discover Carson Cold's frosted outer sidebar and inset information card. */
body.about-editorial-page #about-world-panel .globe-origin-panel {
  background:rgba(250,253,255,.72);
  border-radius:12px;
}
@media(min-width:1051px) {
  body.about-editorial-page #about-world-panel .globe-origin-panel { margin-top:50px; }
}
body.about-editorial-page #about-world-panel .globe-origin-panel > p { margin:0 0 12px; }
body.about-editorial-page #about-world-panel .world-origin-selection {
  padding:15px 14px;
  border:1px solid #d9eaf2;
  border-radius:12px;
  background:rgba(243,250,253,.78);
}
body.about-editorial-page #about-world-panel .world-origin-selection h3 {
  margin:0 0 9px;
  color:#173f59;
  font:700 19px/1.3 Montserrat,Inter,sans-serif;
}
body.about-editorial-page #about-world-panel .world-origin-selection .origin-navigation { gap:4px; }
body.about-editorial-page #about-world-panel .world-origin-selection .origin-navigation button {
  min-height:44px;
  padding:6px 10px;
}
/* Overlay the optional controls inside the globe's 610px/510px map stage.
   This keeps World Connections' photo-backed media row the same footprint as Discover Carson Cold. */
body.about-editorial-page #about-world-panel .globe-view-column { position:relative; align-self:stretch; }
/* Anchor the lower corner marks to the bottom of the entire photo row, even
   when the origin panel is taller than the SVG stage. Leave the local map untouched. */
body.about-editorial-page #about-world-panel .globe-stage::after { content:none; }
body.about-editorial-page #about-world-panel .globe-view-column::after {
  content:''; position:absolute; inset:12px; pointer-events:none;
  background:linear-gradient(#71c4dc,#71c4dc) left top/19px 1px no-repeat,linear-gradient(#71c4dc,#71c4dc) left top/1px 19px no-repeat,linear-gradient(#71c4dc,#71c4dc) right top/19px 1px no-repeat,linear-gradient(#71c4dc,#71c4dc) right top/1px 19px no-repeat,linear-gradient(#71c4dc,#71c4dc) left bottom/19px 1px no-repeat,linear-gradient(#71c4dc,#71c4dc) left bottom/1px 19px no-repeat,linear-gradient(#71c4dc,#71c4dc) right bottom/19px 1px no-repeat,linear-gradient(#71c4dc,#71c4dc) right bottom/1px 19px no-repeat;
  opacity:.65;
}
body.about-editorial-page .globe-controls-disclosure { position:absolute; z-index:5; left:40px; bottom:26px; }
body.about-editorial-page .globe-controls-disclosure summary { display:flex; align-items:center; width:max-content; min-height:44px; padding:9px 16px; border:1px solid #b6dbe9; border-radius:999px; background:rgba(248,252,254,.84); box-shadow:0 4px 14px #091b3640; list-style:none; cursor:pointer; color:#285e78; font:700 14px/1.4 Inter,sans-serif; }
body.about-editorial-page .globe-controls-disclosure summary::-webkit-details-marker { display:none; }
body.about-editorial-page .globe-controls-disclosure summary::after { content:'⌄'; display:inline-block; margin-left:9px; font-size:20px; line-height:1; transition:transform .2s; }
body.about-editorial-page .globe-controls-disclosure[open] summary::after { transform:rotate(180deg); }
body.about-editorial-page .globe-controls-disclosure summary:focus-visible { outline:3px solid #239fca; outline-offset:3px; }
body.about-editorial-page .globe-controls-disclosure:not([open]) .globe-toolbar { display:none; }
body.about-editorial-page .globe-controls-disclosure[open] .globe-toolbar { position:absolute; left:0; bottom:calc(100% + 8px); box-sizing:border-box; width:min(440px, calc(100vw - 48px)); max-height:min(70vh, 440px); overflow:auto; border:1px solid #b6dbe9; border-radius:12px; background:rgba(248,252,254,.88); box-shadow:0 12px 30px #091b3655; }
/* Dragging the SVG should rotate it, not select its country labels or draw a
   browser focus rectangle around the whole map. Keep keyboard focus visible in
   the small map readout instead of framing the image. */
body.about-editorial-page #about-world-panel #world-map,
body.about-editorial-page #about-world-panel #world-map * {
  user-select:none;
  -webkit-user-select:none;
}
body.about-editorial-page #about-world-panel #world-map .globe-place-labels [data-globe-place="arrival"]:focus { outline:none; }
body.about-editorial-page #about-world-panel #world-map .globe-place-labels [data-globe-place="arrival"]:focus-visible .arrival-hit-target { stroke:#4cc9f0; stroke-width:2; }
body.about-editorial-page #about-world-panel #world-map:focus { outline:none; }
body.about-editorial-page #about-world-panel #world-map:focus-visible ~ .globe-view-readout {
  padding:4px 8px;
  border:2px solid #4cc9f0;
  border-radius:8px;
  background:rgba(248,252,254,.94);
}
@media(prefers-reduced-motion:reduce) { body.about-editorial-page .globe-controls-disclosure summary::after { transition:none; } }
