/* Scoped to the index; article pages retain their existing styles. */
body[data-section="historias"] .stories-featured,
body[data-section="historias"] .stories-grid { width:min(100%,1280px); margin-right:auto; margin-left:auto; }
body[data-section="historias"] .stories-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; margin-top:0; }
body[data-section="historias"] .stories-grid[hidden] { display:none; }
body[data-section="historias"] .stories-grid .story-card { display:flex; flex-direction:column; gap:24px; align-items:stretch; padding:0 0 28px; }
body[data-section="historias"] .story-card .story-media { aspect-ratio:4/3; overflow:hidden; }
body[data-section="historias"] .story-card .story-media img { width:100%; height:100%; object-fit:contain; object-position:center; }
body[data-section="historias"] .story-card .story-copy { display:flex; flex:1; flex-direction:column; min-width:0; }
body[data-section="historias"] .story-card h2 { font-size:clamp(26px,2.2vw,34px); line-height:1.08; overflow-wrap:anywhere; }
body[data-section="historias"] .story-card .story-excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-top:16px; font-size:16px; }
body[data-section="historias"] .story-card .story-link { align-self:flex-start; margin-top:24px; }
body[data-section="historias"] .story-feature .story-media img { max-height:680px; object-fit:contain; }
body[data-section="historias"] .story-feature h2 { overflow-wrap:anywhere; }
@media(max-width:1100px){
  body[data-section="historias"] .stories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px){
  body[data-section="historias"] .stories-grid { grid-template-columns:1fr; gap:40px; margin-top:0; }
  body[data-section="historias"] .story-feature .story-media img { max-height:none; }
  body[data-section="historias"] .story-card h2 { font-size:30px; }
}

/* Equal prominence for the six historical stories. */
body[data-section="historias"] .stories-grid { align-items:stretch; }
body[data-section="historias"] .story-card .story-link { margin-top:auto; padding-top:24px; }