/* The 15 most expensive Jordans (/stories/most-expensive-jordans): additions to wrapped.css.
   Photo first and large (one photo, one number per card). Colours are wrapped.css's checked pairs. */
.mej .wr-in { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.mej .wr-cover .wr-in { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.mej .mej-photo { max-width: 520px; width: 100%; align-self: center; }
.mej .wr-photo figcaption { font-size: .8125rem; }
.mej .wr-act { gap: 10px 22px; }
.mej .wr-s strong { color: var(--fg); }
.mej .wr-cover-num span { font-size: clamp(4rem, 11vw, 11rem); }
.mej a.wr-start { text-decoration: none; }
.mej-scroll { overflow-x: auto; margin: 0 0 1.2rem; }
.mej-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.mej-table th, .mej-table td { padding: 8px 10px; border-bottom: 1px solid #dfe7e7; text-align: left; color: #1c2426; }
.mej-table th { font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: #4a565b; }
.mej-table .r { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 899px) {
  .mej .wr-in, .mej .wr-cover .wr-in { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .mej .wr-vis { justify-content: center; }
  .mej .wr-vis > .mej-photo { flex: 0 1 auto; max-width: min(300px, 78vw); padding: 8px 12px 4px; }
  .mej .wr-photo figcaption { font-size: .8125rem; }
  .mej .wr-big { font-size: clamp(3.6rem, 17vw, 5.6rem); margin-bottom: 10px; }
  .mej .wr-big.long { font-size: clamp(3rem, 14vw, 4.6rem); }
  .mej .wr-k { margin-bottom: 10px; letter-spacing: .08em; font-size: .8125rem; }
  .mej .wr-no { font-size: .8125rem; }
  .mej .wr-l { margin-bottom: 8px; }
  .mej .wr-s { margin-bottom: 12px; }
  .mej .wr-cover .wr-vis { display: none; }
}