/* Hezu Blog · article styles */
:root{
  --green:#2e7d32;
  --green-deep:#1b5e20;
  --green-soft:#e8f5e9;
  --ink:#1c2220;
  --ink-2:#2c342f;
  --muted:#6b7670;
  --cream:#fdfbf6;
  --line:#e4e1d9;
}
article p{ margin:0 0 1.1em }
article h2{ font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:26px; line-height:1.3; color:var(--ink); margin:1.6em 0 0.6em; }
article h3{ font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:21px; line-height:1.3; color:var(--ink); margin:1.4em 0 0.5em; }
article h4{ font-weight:700; font-size:17px; margin:1.2em 0 0.4em; }
article em{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:500; }
article strong{ color:var(--ink) }
article blockquote{
  border-left:4px solid var(--green);
  padding:8px 18px;
  margin:18px 0;
  background:#f3faf4;
  border-radius:0 12px 12px 0;
  font-style:normal;
}
article ol, article ul{ padding-left:22px }
article li{ margin:.4em 0 }
article a{ color:var(--green-deep); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:2px }
article a:hover{ background:var(--green-soft) }

article table{
  width:100%; border-collapse:collapse; margin:18px 0;
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 1px 0 var(--line);
}
article th, article td{
  text-align:left; padding:10px 14px; border-bottom:1px solid var(--line); vertical-align:top; font-size:15px;
}
article th{ background:#f3faf4; font-weight:700; color:var(--green-deep) }

/* Answer-box styling: 1st <p> after h1 */
article > h1 + p, article > p:first-of-type{
  background:#fff; padding:14px 18px; border-radius:14px; border:1px solid var(--line);
  font-size:16.5px; line-height:1.55;
}

/* TL;DR blockquote (begins with "En 30 segundos") */
article blockquote:has(> p > strong:first-child){ background:#fff8e1; border-left-color:#f9a825 }

/* Mini-FAQ */
article h2#preguntas-frecuentes ~ h3,
article h2#frequently-asked-questions ~ h3{ font-size:18px }

/* Source seal */
article hr + h2{ margin-top:32px }

/* Mobile */
@media (max-width:600px){
  article h2{ font-size:22px }
  article h3{ font-size:18px }
  article table{ font-size:14px }
}