/* Revision v11: compact map overlay, unified contact cards and an eleven-country plan grid. */
#geography .premium-atlas-layout {
  grid-template-areas: "title lead" "title cta" "map map";
}
#geography .premium-atlas-stage {
  height: clamp(620px, 42vw, 720px);
  margin-top: -48px;
}
#geography .premium-atlas-story {
  position: absolute;
  z-index: 3;
  inset: auto auto 34px max(var(--space), calc((100% - 1640px) / 2 + var(--space)));
  width: min(510px, calc(100% - 2 * var(--space)));
  min-height: 136px;
  margin: 0;
  border: 1px solid rgba(217, 238, 255, .44);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(226, 242, 255, .19), rgba(150, 198, 237, .08)),
    rgba(11, 35, 58, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 54px rgba(3, 18, 33, .24);
  backdrop-filter: blur(20px) saturate(122%);
  -webkit-backdrop-filter: blur(20px) saturate(122%);
  overflow: hidden;
  pointer-events: none;
}
#geography .premium-atlas-story-scene { padding: 21px 24px; }
#geography .premium-atlas-story-scene h3 { font-size: 16px; }
#geography .premium-atlas-story-scene p { max-width: 55ch; font-size: 13px; }

#contact .premium-contact-chips li,
#contact .premium-contact-chips li:nth-child(2),
#contact .premium-contact-chips li:nth-child(3) {
  border: 1px solid rgba(53, 120, 179, .22);
  background: rgba(243, 249, 254, .88);
  box-shadow: 0 14px 38px rgba(41, 79, 110, .07);
}

@media (min-width: 1101px) {
  #contact .premium-contact-bubbles { left: 46%; }
}

@media (max-width: 1179px) and (min-width: 701px) {
  #geography .premium-atlas-stage { height: 540px; margin-top: -24px; }
  #geography .premium-atlas-stage canvas { height: 380px; }
  #geography .premium-atlas-story {
    inset: auto auto 17px var(--space);
    width: min(430px, calc(100% - 2 * var(--space)));
    min-height: 136px;
    margin: 0;
  }
  #geography .premium-atlas-story-scene { padding: 19px 21px; }
  #geography .premium-atlas-story-scene h3 { font-size: 15px; }
  #geography .premium-atlas-story-scene p { font-size: 12px; }
  .future-directions-grid li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 7px);
  }
}

@media (max-width: 700px) {
  #geography .premium-atlas-stage { height: 448px; margin-top: 20px; }
  #geography .premium-atlas-stage canvas { height: 306px; }
  #geography .premium-atlas-story {
    position: absolute;
    inset: auto auto 12px var(--space);
    order: initial;
    width: calc(100% - 2 * var(--space));
    min-height: 126px;
    margin: 0;
    border-radius: 18px;
  }
  #geography .premium-atlas-story-scene { gap: 7px; padding: 16px 18px; }
  #geography .premium-atlas-story-scene h3 { font-size: 13px; }
  #geography .premium-atlas-story-scene p { font-size: 11px; line-height: 1.45; }
  .future-directions-grid li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 5px);
  }
}