/* Related stories component — the dark "Continue reading" band at the end of an
   article (.related, .related-grid, .related-card). Moved verbatim from the former
   monolithic style.css (Phase 1: no rule was edited). */

  .related{background:var(--panel-dark);color:#FFFFFF;padding:88px 0;}
  .related .section-label{color:#d7a373;margin-bottom:24px;}
  .related .section-label::before{background:#d7a373;}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
  .related-card .img{aspect-ratio:4/3;overflow:hidden;margin-bottom:18px;background:#333;}
  .related-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
  .related-card:hover .img img{transform:scale(1.05);}
  .related-card h4{font-family:var(--sans);font-weight:700;font-size:17px;line-height:1.3;margin-bottom:8px;}
  .related-card p{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.04em;}

  @media (max-width:980px){
    .related-grid{grid-template-columns:1fr;}
  }