/* Approved related stories: two wide cards on desktop, one column on mobile. */
html[data-variant="journal"] .mag-related.journal-related {
  padding:30px 28px 22px; background:#f8f7f2; color:#263831;
}
html[data-variant="journal"] .journal-related .related-heading {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin:0 0 26px;
}
html[data-variant="journal"] .journal-related .related-heading .eyebrow {
  display:block; margin:0 0 8px; font:400 11px/1.5 var(--sans); letter-spacing:.13em; color:#4e6259;
}
html[data-variant="journal"] .journal-related .related-heading h2 {
  margin:0; padding:0; font:600 27px/1.5 var(--sans); letter-spacing:-.035em;
}
html[data-variant="journal"] .journal-related .related-heading .four-colors { flex-shrink:0; gap:5px; }
html[data-variant="journal"] .journal-related .related-heading .four-colors i { width:5px; height:26px; }
html[data-variant="journal"] .journal-related .mag-related-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch;
}
html[data-variant="journal"] .journal-related .mag-card {
  --mtcj-related-surface:#ceecee; --mtcj-related-line:#74b9c4;
  display:flex; min-width:0; padding:0; margin:0; border:0; border-radius:0; background:var(--mtcj-related-surface);
}
html[data-variant="journal"] .journal-related .mag-card:nth-child(even) { --mtcj-related-surface:#f6e0d4; --mtcj-related-line:#dca17b; }
html[data-variant="journal"] .journal-related .mag-card > .mag-link {
  display:flex; flex:1; flex-direction:column; align-items:stretch; gap:0; width:100%; min-width:0; color:inherit;
}
html[data-variant="journal"] .journal-related .mag-card .mag-image {
  position:relative; flex-shrink:0; align-self:stretch; width:100%; height:auto; min-height:0;
  aspect-ratio:16/9; padding:0; background:var(--mtcj-related-surface); overflow:hidden;
}
html[data-variant="journal"] .journal-related .mag-card .mag-image img {
  display:block; width:100%; height:100%; padding:0; object-fit:contain; transform:none;
}
html[data-variant="journal"] .journal-related .mag-card .mtcj-no-image { min-height:0; background:var(--mtcj-related-surface); }
html[data-variant="journal"] .journal-related .mag-card .mag-copy {
  display:grid; flex:1; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 1fr auto;
  gap:0 14px; padding:22px 20px 19px; background:var(--mtcj-related-surface);
}
html[data-variant="journal"] .journal-related .mag-card .post-meta {
  grid-column:1/-1; display:flex; flex-direction:row; flex-wrap:wrap;
  justify-content:space-between; align-items:center; gap:8px 14px; font-size:12px; line-height:1.5;
}
html[data-variant="journal"] .journal-related .mag-card .post-meta .category {
  border-left:3px solid var(--mtcj-related-line); padding-left:8px; font-size:12px; color:inherit;
}
html[data-variant="journal"] .journal-related .mag-card .post-meta time { font-size:12px; color:#4e6259; }
html[data-variant="journal"] .journal-related .mag-card .mag-copy h3 {
  grid-column:1/-1; display:block; margin:14px 0 22px; padding:0; height:auto; max-height:none;
  font:600 20px/1.75 var(--sans); letter-spacing:-.025em; color:inherit;
  overflow:visible; overflow-wrap:anywhere; -webkit-line-clamp:unset; text-overflow:clip;
}
html[data-variant="journal"] .journal-related .mag-card .mag-excerpt,
html[data-variant="journal"] .journal-related .mag-card .mag-image-index,
html[data-variant="journal"] .journal-related .mag-card .lead-eyebrow { display:none; }
html[data-variant="journal"] .journal-related .mag-card .mtcj-card-author {
  display:block; align-self:center; font:400 12px/1.6 var(--sans); color:#4e6259; overflow-wrap:anywhere;
}
html[data-variant="journal"] .journal-related .mag-card .mag-read {
  display:flex; align-items:center; justify-self:end; align-self:end; gap:5px; min-height:32px;
  margin:0; padding:0; font-size:12px; color:inherit;
}
html[data-variant="journal"] .journal-related .mag-card .mag-read > .motion-icon { width:22px; height:22px; }
html[data-variant="journal"] .journal-related .mtcj-related-footer {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px;
  margin-top:30px; padding-top:18px; border-top:1px solid #dce4df; color:#4e6259;
}
html[data-variant="journal"] .journal-related .mtcj-related-footer .eyebrow { font-size:11px; letter-spacing:.08em; }
html[data-variant="journal"] .journal-related .mtcj-related-footer .text-link { font-size:12px; min-height:44px; }

@media (max-width:760px) {
  html[data-variant="journal"] .mag-related.journal-related {
    margin-inline:calc(-1 * var(--mtcj-mobile-gutter,20px)); padding:27px 20px 21px;
  }
  html[data-variant="journal"] .journal-related .mag-related-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  html[data-variant="journal"] .journal-related .related-heading { margin-bottom:23px; }
  html[data-variant="journal"] .journal-related .related-heading h2 { font-size:24px; }
  html[data-variant="journal"] .journal-related .related-heading .four-colors { gap:4px; }
  html[data-variant="journal"] .journal-related .related-heading .four-colors i { width:4px; height:21px; }
  html[data-variant="journal"] .journal-related .mag-card .mag-copy { padding:20px 18px 19px; }
  html[data-variant="journal"] .journal-related .mag-card .mag-copy h3 { font-size:18px; margin:12px 0 18px; }
}
@media (max-width:360px) {
  html[data-variant="journal"] .mag-related.journal-related { padding-inline:16px; }
  html[data-variant="journal"] .journal-related .related-heading { gap:10px; }
  html[data-variant="journal"] .journal-related .related-heading h2 { font-size:22px; }
  html[data-variant="journal"] .journal-related .mag-card .mag-copy { padding-inline:15px; }
}