/* ===================================================================
   Artículo (recursos/articulo.php) — cabecera y cuerpo de lectura.
   Se carga solo en /recursos/{slug}/, después de style.css.
   =================================================================== */
/* El cuerpo de texto (Markdown → HTML) vive en su propia columna de
   lectura, más angosta que .section: ~72ch en vez de 1040px. */
.article-header{max-width:680px;}
.article-dek{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-body);max-width:var(--measure-reading);margin-top:6px;}
.article-meta{
  display:flex;align-items:center;gap:10px;margin-top:10px;
  font-family:var(--font-code);font-size:var(--text-label);color:var(--faint);
}
.article-meta time{color:var(--faint);}

.article-body{max-width:680px;font-size:var(--text-body);line-height:var(--leading-article);color:var(--ink);}
.article-body h2{margin-top:40px;}
.article-body h3{margin-top:30px;}
.article-body h4{
  font-family:var(--font-heading);font-weight:var(--weight-heading-sm);color:var(--ink);
  font-size:var(--text-body);line-height:var(--leading-heading-md);margin-top:24px;margin-bottom:8px;
}
.article-body p{margin-bottom:20px;max-width:var(--measure-reading);}
.article-body ul{margin:0 0 20px;padding-left:22px;max-width:var(--measure-reading);}
.article-body li{margin-bottom:8px;line-height:var(--leading-article);}
.article-body li:last-child{margin-bottom:0;}
.article-body strong{font-weight:var(--weight-strong);color:var(--ink);}
.article-body em{font-style:normal;font-weight:var(--weight-emphasis);color:var(--ink);}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.article-body a:hover{color:var(--accent-hover);}
.article-body > *:first-child{margin-top:0;}
.article-body > *:last-child{margin-bottom:0;}