/* Shared article refinements: portrait tablet and phones only. */
@media (orientation:portrait) and (max-width:1199px),
       (max-width:700px),
       (orientation:landscape) and (max-height:500px) and (max-width:1100px) {
  body.insight-detail-page .insight-hero { position:relative; isolation:isolate; min-height:0; }
  body.insight-detail-page .insight-hero-inner {
    position:static; display:block; min-height:0; padding-block:48px;
  }
  body.insight-detail-page .insight-hero-copy { position:relative; z-index:2; }
  body.insight-detail-page .insight-hero-visual {
    position:absolute; inset:0; width:100%; max-width:none; height:100%;
    aspect-ratio:auto; margin:0; border-radius:0; z-index:0;
  }
  body.insight-detail-page .insight-hero-visual img {
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 35%;
  }
  body.insight-detail-page .insight-hero::after {
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:rgba(244,233,221,.9);
  }
}
@media (orientation:portrait) and (min-width:701px) and (max-width:1199px) {
  body.insight-detail-page .insight-reading-layout {
    grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);
    column-gap:24px; row-gap:32px;
  }
  body.insight-detail-page .insight-reading-column { display:contents; }
  body.insight-detail-page .insight-rail {
    grid-column:1; grid-row:1; align-self:stretch; padding:20px; gap:6px;
  }
  body.insight-detail-page .insight-rail a { width:100%; }
  body.insight-detail-page .insight-intro-block {
    grid-column:2; grid-row:1; padding:20px; align-self:stretch;
  }
  body.insight-detail-page .insight-reading-column > .insight-section {
    grid-column:1 / -1; width:100%; max-width:780px;
  }
  body.insight-detail-page .insight-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.insight-detail-page .insight-related-card { grid-column:auto; }
  body.insight-detail-page .insight-related-card:nth-child(n+3) { display:none; }
}
