/* Mediation Group v18 — Journal Art + DTP refinement.
   Journal-only. Copy, imagery, IA, commercial logic, global shell and interaction logic remain v17 authority. */

@media (min-width:1001px){
  /* Cover: one spread, not two panels. */
  body.journal-recovered .jm-cover{min-height:88svh;padding-top:calc(var(--shell-height) + 1.2rem);padding-bottom:1.2rem}
  body.journal-recovered .jm-cover__copy{grid-column:1/7;align-self:center;padding:2rem clamp(1.5rem,3.4vw,4.25rem) 1rem 0}
  body.journal-recovered .jm-cover h1{font-size:clamp(5.15rem,9.15vw,9.7rem);max-width:6.15ch;line-height:.755}
  body.journal-recovered .jm-cover__dek{font-size:clamp(1.02rem,1.18vw,1.2rem);max-width:27rem;margin-top:1.6rem}
  body.journal-recovered .jm-cover__hero{grid-column:7/13;min-height:70vh;margin-top:.8rem}
  body.journal-recovered .jm-cover__contents{grid-column:1/7;margin-right:clamp(1.5rem,3.4vw,4.25rem);align-self:end}
  body.journal-recovered .jm-cover__contents a{min-height:44px;font-size:.78rem;font-weight:760;padding-top:.8rem}

  /* Shortlisting: compact image-led spread + horizontal decision strip. */
  body.journal-recovered #shortlisting{padding-top:clamp(4.7rem,6.2vw,6.7rem);padding-bottom:clamp(5rem,7vw,7.4rem);align-items:stretch}
  body.journal-recovered #shortlisting .jm-story__head{grid-column:1/6;grid-row:1;align-self:center;padding-top:0}
  body.journal-recovered #shortlisting .jm-story__head h2{max-width:6.6ch}
  body.journal-recovered #shortlisting .jm-story__figure{grid-column:7/13;grid-row:1;align-self:center;margin-top:0}
  body.journal-recovered #shortlisting .jm-story__figure--portrait .jm-image{aspect-ratio:4/3;min-height:0}
  body.journal-recovered #shortlisting .jm-story__body{grid-column:2/13;grid-row:2;align-self:auto;margin-top:3.4rem;padding:0;border-top:0;position:relative;z-index:2}
  body.journal-recovered #shortlisting .jm-order{grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--jm-line)}
  body.journal-recovered #shortlisting .jm-order li{display:block;min-height:8.8rem;padding:1rem 1rem .8rem 0;border-right:1px solid var(--jm-line);border-bottom:0}
  body.journal-recovered #shortlisting .jm-order li+li{padding-left:1rem}
  body.journal-recovered #shortlisting .jm-order li:last-child{border-right:0}
  body.journal-recovered #shortlisting .jm-order strong{font-size:clamp(1.55rem,1.9vw,1.95rem);margin:1.45rem 0 .5rem}
  body.journal-recovered #shortlisting .jm-order p{font-size:.75rem;line-height:1.5;max-width:11rem}

  /* Oxblood becomes punctuation. This type crossing is the page's one seam-breaking device. */

  /* Viewing: title and checks inhabit one field; photograph owns the other. */
  body.journal-recovered #viewing{min-height:92svh;padding-top:clamp(6.5rem,8vw,8.5rem);padding-bottom:clamp(5.5rem,7vw,7.3rem);align-items:stretch}
  body.journal-recovered #viewing .jm-story__head{grid-column:1/6;grid-row:1;align-self:start;position:relative;z-index:3;padding-top:1.25rem}
  body.journal-recovered #viewing .jm-story__head h2{font-size:clamp(4rem,6.55vw,7rem);max-width:6.35ch;line-height:.84}
  body.journal-recovered #viewing .jm-story__figure{grid-column:6/13;grid-row:1;margin-top:0;align-self:center}
  body.journal-recovered #viewing .jm-story__figure .jm-image{aspect-ratio:1.22/1;min-height:clamp(33rem,47vw,43rem)}
  body.journal-recovered #viewing .jm-story__body{grid-column:1/6;grid-row:1;align-self:end;margin:0 0 .5rem;padding:0;border-top:0;position:relative;z-index:3}
  body.journal-recovered #viewing .jm-order{grid-template-columns:1fr 1fr;margin:0;border-top:1px solid rgba(255,255,255,.22)}
  body.journal-recovered #viewing .jm-order li{display:block;min-height:8.1rem;padding:1rem .85rem .8rem 0;border-bottom:1px solid rgba(255,255,255,.22)}
  body.journal-recovered #viewing .jm-order li+li{padding-left:.85rem}
  body.journal-recovered #viewing .jm-order li:nth-child(2){border-right:0}
  body.journal-recovered #viewing .jm-order li:nth-child(3),body.journal-recovered #viewing .jm-order li:nth-child(4){border-bottom:0}
  body.journal-recovered #viewing .jm-order strong{font-size:clamp(1.55rem,1.85vw,1.95rem);margin:1.25rem 0 .45rem}
  body.journal-recovered #viewing .jm-order p{font-size:.74rem;line-height:1.48;max-width:12rem}
  body.journal-recovered #viewing .jm-figure figcaption{font-size:.66rem}
}

@media (max-width:1000px) and (min-width:721px){
  body.journal-recovered .jm-cover__copy{padding-top:2.5rem}
  body.journal-recovered .jm-cover__contents a{font-size:.73rem;font-weight:760}
}

@media(max-width:720px){
  body.journal-recovered .jm-cover__copy{padding-top:3.15rem;padding-bottom:2rem}
  body.journal-recovered .jm-cover__dek{margin-top:1.35rem}
  body.journal-recovered .jm-cover__contents{margin-top:1.45rem}
  body.journal-recovered .jm-cover__contents a{font-size:.74rem;font-weight:760}
  body.journal-recovered .jm-story{padding-top:4rem;padding-bottom:4.2rem}
  body.journal-recovered .jm-story__figure{margin-top:2.35rem}
  body.journal-recovered .jm-story__body{margin-top:2.8rem}
  body.journal-recovered .jm-order strong{font-size:1.75rem;margin-top:1.5rem}
  body.journal-recovered .jm-order p{font-size:.76rem;max-width:11rem}
  body.journal-recovered .jm-story--dark{padding-top:4.8rem}
}

/* v38 shell integration: chapter anchors read as navigation, not captions. */
body.journal-recovered .jm-cover__contents a{position:relative}
body.journal-recovered .jm-cover__contents a::after{content:"";position:absolute;left:0;bottom:.25rem;width:1.45rem;height:1px;background:currentColor;opacity:.28;transform:scaleX(.7);transform-origin:left;transition:opacity 180ms ease,transform 180ms ease}
body.journal-recovered .jm-cover__contents a:hover::after,body.journal-recovered .jm-cover__contents a:focus-visible::after,body.journal-recovered .jm-cover__contents a.is-current::after{opacity:.82;transform:scaleX(1)}
@media(max-width:1000px){body.journal-recovered .jm-cover{padding-top:calc(var(--shell-height) + .9rem)}}

body.journal-recovered .jm-cover__contents a{font-weight:800;letter-spacing:.075em}
