/* ============================================================
   EnigmaWeb — Tipografía de artículos del blog
   Complementa comun.css; solo se carga en las páginas de artículo
   ============================================================ */

.articulo {
  max-width: 760px;
}

.articulo article > p:first-of-type {
  font-size: 1.18rem;
}
.articulo-titulo {
  font-size: clamp(1.9rem, 4.5vw, 2.6rem);
  font-weight: 600;
  line-height: 1.18;
  margin-bottom: .6rem;
}
.articulo h1 {
  font-size: clamp(1.9rem, 4.5vw, 2.6rem);
  font-weight: 600;
  line-height: 1.18;
  margin-bottom: .6rem;
}
.articulo h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 2.2rem 0 .8rem;
  padding-left: .7rem;
  border-left: 4px solid var(--laton);
}
.articulo h3 {
  font-size: 1.22rem;
  font-weight: 600;
  margin: 1.6rem 0 .6rem;
}

.articulo p { margin-bottom: 1rem; }

.articulo a { color: var(--rojo-sello); }
.articulo ul, .articulo ol { margin: 0 0 1rem 1.4rem; }
.articulo li { margin-bottom: .45rem; }

.articulo strong { color: var(--feldgrau-oscuro); }

/* Citas finales */
.articulo article > blockquote {
  margin: 2rem 0 0;
  padding: .9rem 1.2rem;
  background: var(--papel-oscuro);
  border-left: 3px solid var(--laton);
  font-size: .98rem;
  color: #4a443a;
}
.articulo article > hr {
  border: none;
  border-top: 1px solid #d8cfaf;
  margin-top: 2rem;
}

/* Tablas */
.articulo table {
  border-collapse: collapse;
  margin: 1.2rem auto 1.4rem;
  font-size: .98rem;
}
.articulo th {
  background: var(--feldgrau);
  color: var(--crema);
  font-weight: 600;
  padding: .45rem 1rem;
  text-align: left;
}
.articulo td {
  padding: .4rem 1rem;
  border-bottom: 1px solid #d8cfaf;
}
.articulo tr:nth-child(even) td { background: #f8f3e2; }

/* Volver */
.articulo-volver {
  margin-top: 2.5rem;
}
.articulo-volver a {
  color: var(--feldgrau-oscuro);
  text-decoration: none;
  font-weight: 600;
}
.articulo-volver a:hover { color: var(--rojo-sello); }