/* Revision v12: larger route story with paired illustration slots and canonical 4:3 flags. */
#geography .premium-atlas-story {
  width: clamp(620px, 38vw, 680px);
  min-height: 210px;
  bottom: 28px;
}
#geography .premium-atlas-story-scene {
  grid-template-columns: 124px minmax(0, 1fr);
  align-items: center;
  align-content: center;
  gap: 26px;
  padding: 27px 30px;
}
#geography .premium-atlas-story-icon {
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
}
#geography .premium-atlas-story-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
#geography .premium-atlas-story-copy {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
}
#geography .premium-atlas-story-scene h3 {
  font-size: clamp(22px, 1.45vw, 25px);
  line-height: 1.2;
}
#geography .premium-atlas-story-scene p {
  max-width: 49ch;
  font-size: 16px;
  line-height: 1.56;
}

.future-directions-grid img {
  width: 64px;
  height: 48px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

@media (max-width: 1179px) and (min-width: 701px) {
  #geography .premium-atlas-stage { height: 576px; }
  #geography .premium-atlas-story {
    width: min(680px, calc(100% - 2 * var(--space)));
    min-height: 188px;
    bottom: 16px;
  }
  #geography .premium-atlas-story-scene {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 21px;
    padding: 23px 25px;
  }
  #geography .premium-atlas-story-icon { width: 104px; height: 104px; }
  #geography .premium-atlas-story-scene h3 { font-size: 20px; }
  #geography .premium-atlas-story-scene p { font-size: 14px; line-height: 1.52; }
}

@media (max-width: 700px) {
  #geography .premium-atlas-stage { height: 520px; }
  #geography .premium-atlas-story {
    width: calc(100% - 2 * var(--space));
    min-height: 194px;
    bottom: 12px;
  }
  #geography .premium-atlas-story-scene {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
  }
  #geography .premium-atlas-story-icon { width: 72px; height: 72px; }
  #geography .premium-atlas-story-copy { gap: 8px; }
  #geography .premium-atlas-story-scene h3 { font-size: 17px; line-height: 1.25; }
  #geography .premium-atlas-story-scene p { font-size: 14px; line-height: 1.46; }
  .future-directions-grid img { width: 56px; height: 42px; }
}