/* Tarjetas de recomendación: solo móvil y solo los dos bloques del artículo. */
@media(max-width:760px){

 :is(.related-section,.popular-section).editorial-section{padding:26px 0 32px}
 :is(.related-section,.popular-section) .section-heading{margin-bottom:16px}
 :is(.related-section,.popular-section) .section-heading h2{font-size:1.6rem;line-height:1.12}
 :is(.related-section,.popular-section) .section-heading>p{display:none}
 :is(.related-section,.popular-section) .story-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 :is(.related-section,.popular-section) .story-card{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:start;gap:0;min-width:0;border:1px solid #dddeda;border-radius:9px;overflow:hidden;box-shadow:none;transition:none}
 :is(.related-section,.popular-section) .story-card:hover{transform:none;border-color:#a9beaf;box-shadow:none}
 :is(.related-section,.popular-section) .story-image{position:relative;display:block;align-self:start;width:100%;height:auto;min-height:0;aspect-ratio:4/3;padding:0;overflow:hidden;background:#0c1728}
 :is(.related-section,.popular-section) .story-image img,:is(.related-section,.popular-section) .story-image>.lm-compatible-picture{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:center;transform:none}
 :is(.related-section,.popular-section) .story-image>.lm-compatible-picture>img{width:100%;height:100%;object-fit:cover}
 :is(.related-section,.popular-section) .image-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
 :is(.related-section,.popular-section) .image-placeholder small{display:none}
 :is(.related-section,.popular-section) .story-content{min-width:0;padding:11px 12px 12px}
 :is(.related-section,.popular-section) .story-content .kicker{display:block;font-size:.6rem;line-height:1.2;margin:0 0 6px;letter-spacing:.08em}
 :is(.related-section,.popular-section) .story-content h2{font-family:var(--sans);font-size:1rem;font-weight:750;line-height:1.24;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
 :is(.related-section,.popular-section) .story-content h2 a{display:block}
 :is(.related-section,.popular-section) .story-content p,:is(.related-section,.popular-section) .story-content>.text-link{display:none}
 :is(.related-section,.popular-section) .story-card a:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}
}

/* DD-ARTICLE-RESPONSIVE-20261021-v1
   La columna puede encogerse; las tablas conservan su propio desplazamiento. */
.article-page .article-layout>.article-body.prose{
 min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere;
}
.article-page .article-body.prose .dd-box,
.article-page .article-body.prose .dd-table-scroll,
.article-page .article-body.prose div[role="region"]{
 box-sizing:border-box;min-width:0;max-width:100%;
}
.article-page .article-body.prose .dd-table-scroll,
.article-page .article-body.prose div[role="region"]{
 width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
.article-page .article-body.prose meter,
.article-page .article-body.prose progress{max-width:100%}
.article-page .article-body.prose [role="group"],
.article-page .article-body.prose [id^="dd-"]{min-width:0;max-width:100%;box-sizing:border-box}
.article-page .article-body.prose [style*="display:flex"],
.article-page .article-body.prose [style*="display: flex"]{
 min-width:0;max-width:100%;flex-wrap:wrap;
}
.article-page .article-body.prose [style*="display:flex"]>*,
.article-page .article-body.prose [style*="display: flex"]>*{
 min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;
}
@media(max-width:1100px){
 .article-page .article-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 .article-page .article-body.prose div[role="region"]>table{
  display:table;width:100%;table-layout:auto;white-space:normal;
  font-size:.8rem;line-height:1.4;margin:12px 0;box-shadow:none;
 }
 /* Cinco columnas editoriales: evitar notas superpuestas y texto letra a letra.
    :has es una mejora adicional; min-width:0 del contenedor funciona sin ella. */
 .article-page .article-body.prose div[role="region"]>table:has(tr>:nth-child(5)){
  min-width:660px;table-layout:auto;
 }
 .article-page .article-body.prose div[role="region"]>table:has(tr>:nth-child(5)) th:first-child,
 .article-page .article-body.prose div[role="region"]>table:has(tr>:nth-child(5)) td:first-child{min-width:115px}
 .article-page .article-body.prose div[role="region"]>table:has(tr>:nth-child(5)) th:last-child,
 .article-page .article-body.prose div[role="region"]>table:has(tr>:nth-child(5)) td:last-child{min-width:200px}
 /* El formulario mantiene todos los selectores y se desplaza dentro del bloque. */
 .article-page .article-body.prose .dd-table-scroll>.dd-table{
  display:table;width:100%;min-width:640px;table-layout:auto;
  white-space:normal;font-size:.8rem;line-height:1.4;
 }
 .article-page .article-body.prose .dd-table-scroll>.dd-table th,
 .article-page .article-body.prose .dd-table-scroll>.dd-table td{
  padding:10px 8px;word-break:normal;overflow-wrap:normal;
 }
 .article-page .article-body.prose .dd-table select{max-width:100%;font-size:16px}
 .article-page .article-body.prose nav p{overflow-wrap:anywhere}
}