/* r11-s3.css: the map's frame on desktop (r11). The title takes the r11 heading with its kicker; the
   paragraph ("I trained an autoencoder…") is gone on desktop at the owner's request (2026-10-20): its
   box stays as a zero-height anchor in the third column, so story-map.js still sets the gold note at
   the column's text edge, on the dot's height. The caption under the map is kept. Phone untouched. */

@media (min-width: 768px) {
  #s3 { --title-size: var(--r11-h); --title-lh: var(--r11-h-lh); }
  #s3 .step-title { font-weight: 500; letter-spacing: -.016em; }
  #s3 .r11-kicker { font-family: var(--mono); }   /* inside the serif h2: the kicker keeps its own face */
  #s3 .r11-pen { letter-spacing: normal; text-transform: none; }   /* the gold pen label inside the serif h2 */

  #aemap-lede {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
  .aemap-pin > .aemap-lede,
  .aemap-hold.is-cols > .aemap-pin > .aemap-lede { margin-top: 0; }
}