/* Blog (portada, categorías y artículos): una sola escala tipográfica.
   Documento 2 de Mónica (V22): «Ojo las tipografías, son muy diferentes».
   Títulos en Cormorant, texto en Inter; desaparecen Playfair y los textos de 8–9 px.
   Las preguntas frecuentes no se tocan: comparten componente con el resto de la web. */

:is(body.blog, body.archive, body.single-post) main {
  --blog-h1: clamp(40px, 4.2vw, 60px);
  --blog-h2: clamp(32px, 3.1vw, 46px);
  --blog-h3: clamp(26px, 2.2vw, 32px);
  --blog-lead: clamp(18px, 1.45vw, 21px);
  --blog-body: 18px;
  --blog-small: 16px;
  --blog-meta: 11px;
}

/* Títulos */
:is(body.blog, body.archive) main .tsf-blog-cover__inner h1,
body.single-post main .tsf-article-header h1 {
  font-size: var(--blog-h1) !important;
  letter-spacing: -.02em;
  line-height: 1.02;
}

:is(body.blog, body.archive) main .tsf-blog-listing__heading h2,
:is(body.blog, body.archive, body.single-post) main .tsf-faq-intro h2,
body.single-post main .tsf-article-related h2,
body.single-post main header h2,
:is(body.blog, body.archive) main .tsf-blog-feature__copy h2,
:is(body.blog, body.archive) main .tsf-blog-feature__copy h2 a {
  font-size: var(--blog-h2) !important;
  letter-spacing: -.02em;
  line-height: 1.04;
}

body.single-post main .tsf-article-body h2 {
  font-size: var(--blog-h3) !important;
  letter-spacing: -.015em;
  line-height: 1.1;
}

:is(body.blog, body.archive) main .tsf-blog-card__copy h2,
:is(body.blog, body.archive) main .tsf-blog-card__copy h2 a,
body.single-post main .tsf-article-related__grid h3,
body.single-post main .tsf-article-related__grid h3 a {
  font-size: var(--blog-h3) !important;
  letter-spacing: -.015em;
  line-height: 1.1;
}

/* Entradilla: misma letra que el texto, algo mayor */
:is(body.blog, body.archive) main .tsf-blog-cover__inner > p:not(.tsf-blog-edition),
body.single-post main .tsf-article-lede,
body.single-post main .tsf-article-body > p:first-of-type {
  font-family: var(--font-ui, Inter, Arial, sans-serif) !important;
  font-size: var(--blog-lead) !important;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
}

/* Texto */
body.single-post main .tsf-article-body > p,
body.single-post main .tsf-article-body li {
  font-size: var(--blog-body);
  line-height: 1.7;
}

:is(body.blog, body.archive) main .tsf-blog-card__copy > p:not(.tsf-blog-meta),
:is(body.blog, body.archive) main .tsf-blog-feature__copy > p:not(.tsf-blog-meta),
body.single-post main .tsf-article-note p,
body.single-post main .tsf-article-inline-image figcaption,
body.single-post main .tsf-article-aside__note {
  font-family: var(--font-ui, Inter, Arial, sans-serif);
  font-size: var(--blog-small) !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
  text-transform: none;
}

/* Datos pequeños: fecha, categoría, «Leer historia», etiquetas */
:is(body.blog, body.archive) main .tsf-blog-meta,
:is(body.blog, body.archive) main .tsf-blog-meta span,
:is(body.blog, body.archive) main .tsf-blog-edition,
:is(body.blog, body.archive) main .tsf-blog-edition span,
:is(body.blog, body.archive) main .tsf-blog-categories a,
:is(body.blog, body.archive) main .tsf-blog-categories a span,
:is(body.blog, body.archive, body.single-post) main .tsf-text-link,
:is(body.blog, body.archive, body.single-post) main .tsf-label,
:is(body.blog, body.archive, body.single-post) main .tsf-faq-photo figcaption,
body.single-post main .tsf-article-kicker,
body.single-post main .tsf-article-header__meta,
body.single-post main .tsf-article-header__meta span,
body.single-post main .tsf-article-body__intro span,
body.single-post main .tsf-article-inline-image figcaption span,
body.single-post main .tsf-article-related__grid article > p,
body.single-post main .tsf-article-related__grid article > p span,
body.single-post main .tsf-article-aside__eyebrow,
body.single-post main .tsf-article-aside__label,
body.single-post main .tsf-article-aside__back,
body.single-post main .tsf-article-aside__category {
  font-family: var(--font-ui, Inter, Arial, sans-serif) !important;
  font-size: var(--blog-meta) !important;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}

body.single-post main .tsf-article-note p strong {
  font-size: inherit;
}