/* Final typography and fit pass for recurring magazine components. */

/* At tablet widths the narrow text column squeezes full-length story headings. */
@media (max-width: 900px) {
  .magazine-photo-story,
  .magazine-photo-story--reverse {
    grid-template-columns: minmax(0, 1fr);
  }
  .magazine-photo-story > div,
  .magazine-photo-story--reverse > div { order: 1; }
  .magazine-photo-story > figure,
  .magazine-photo-story--reverse > figure {
    order: 2;
    min-height: 270px;
    max-height: 350px;
  }
  .magazine-photo-story img { height: 350px !important; }
}

/* Photographic attribution is part of the page, not unreadable microtype. */
.strategy-magazine-hero-photo figcaption,
.swot-hero-image figcaption {
  font-size: 11px;
  line-height: 1.5;
}
.strategy-magazine-photo-credit,
.standalone-hero__photo figcaption small,
.magazine-photo-story figcaption small {
  font-size: 10.5px;
  line-height: 1.5;
}
.editorial-reader .section-landing-photo-credit { font-size: 10.5px; }

@media (max-width: 700px) {
  .strategy-magazine-hero-photo figcaption {
    padding: 10px 12px;
    background: #18243bd9;
  }
  .swot-hero-image figcaption {
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 8px 10px;
    background: #17233bcf;
    border-radius: 5px;
  }
  .strategy-magazine-hero-top,
  .strategy-magazine-hero-foot,
  .swot-hero-meta,
  .swot-hero-footer { font-size: 10px; }
}