/* Shared by existing stories and every article created from the Hub template. */
.journal-story .journal-reading-layout {
  display: block;
  width: calc(100% - 64px);
  max-width: 680px;
  margin: 64px auto;
}
.journal-story .journal-story-aside { margin-bottom: 28px; padding: 0; border: 0; }
.journal-story .journal-story-aside .eyebrow { margin-bottom: 8px; }
.journal-story .journal-story-aside .journal-read { margin-top: 8px; }
.journal-story .journal-story-text p { font-size: 18px; line-height: 1.85; }
.journal-story .journal-story-text .journal-lead { font-size: 20px; line-height: 1.75; }
.journal-story .journal-story-text h2 { font-size: 34px; margin: 40px 0 20px; }
.journal-story .journal-opening,
.journal-story .journal-photo-pair {
  width: calc(100% - 64px);
  max-width: 1100px;
  margin-inline: auto;
}
.journal-story .journal-opening--standard { display: block; }
.journal-story .journal-opening--portrait { max-width: 520px; }
.journal-story .journal-opening--pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.journal-story .journal-photo-pair { display: block; }
/* Without JS photos remain in a safe, ordered grid with their natural ratio. */
.journal-story .journal-photo-pair:not([data-photo-layout]) { display: grid; gap: 24px; }
.journal-story .journal-photo-pair img,
.journal-story .journal-opening img { width: 100%; height: auto; max-height: none; margin: 0; }
.journal-story .journal-photo-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.journal-story .journal-photo-row + .journal-photo-row { margin-top: 24px; }
.journal-story .journal-photo-row--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.journal-story .journal-photo-row--portrait { max-width: 520px; margin-inline: auto; }
.journal-story .journal-photo { width: 100%; min-width: 0; margin: 0; overflow: hidden; }
.journal-story .journal-photo[data-photo-shape="portrait"] { aspect-ratio: 4 / 5; }
.journal-story .journal-photo[data-photo-shape="landscape"] { aspect-ratio: 3 / 2; }
.journal-story .journal-photo[data-photo-fit="contain"] { background: #e8e5dc; }
.journal-story .journal-photo img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: var(--journal-photo-position, 50% 35%); }
.journal-story .journal-photo[data-photo-fit="contain"] img { object-fit: contain; object-position: center; }
.journal-story .journal-story-ending,
.editorial-journal .journal-story .journal-brand-ending { width: calc(100% - 64px); max-width: 680px; margin: 56px auto 72px; }
@media (max-width: 700px) {
  .journal-story .journal-reading-layout,
  .journal-story .journal-opening,
  .journal-story .journal-photo-pair,
  .journal-story .journal-story-ending,
  .editorial-journal .journal-story .journal-brand-ending { width: calc(100% - 40px); }
  .journal-story .journal-reading-layout { margin-block: 36px; }
  .journal-story .journal-story-text p { font-size: 17px; line-height: 1.8; }
  .journal-story .journal-story-text .journal-lead { font-size: 18px; }
  .journal-story .journal-story-text h2 { font-size: 29px; margin-top: 30px; }
  .journal-story .journal-photo-row--pair,
  .journal-story .journal-opening--pair { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .journal-story .journal-photo-row + .journal-photo-row { margin-top: 20px; }
  .journal-story .journal-story-ending,
  .editorial-journal .journal-story .journal-brand-ending { margin-block: 36px 48px; }
}