/* Blog de Valta · se carga solo en /blog y /blog/<slug>, después de /valta.css.
   Usa únicamente las variables de valta.css. */

/* Header del artículo */
.phead .byline{margin-top:22px;font-size:14px;font-weight:400;color:var(--muted)}
.phead .byline a{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:1px;transition:color .2s}
.phead .byline a:hover{color:var(--accent)}

/* Cuerpo del artículo */
.post{padding:12px 40px 56px}
.prose{max-width:68ch}
.prose p,.prose li{font-size:clamp(15px,1.55vw,17.5px);color:var(--prose);font-weight:300;line-height:1.75}
.prose p+p{margin-top:16px}
.prose b{color:var(--ink);font-weight:600}
.prose h2{font-weight:200;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.024em;color:var(--ink);max-width:none;margin:48px 0 16px}
.prose h3{font-weight:700;font-size:clamp(17px,1.9vw,21px);line-height:1.3;letter-spacing:-.014em;color:var(--ink);margin:32px 0 10px}
.prose h2+h3{margin-top:20px}
.prose ul,.prose ol{margin:16px 0 0;padding-left:1.3em}
.prose li{padding-left:.3em}
.prose li+li{margin-top:10px}
.prose ul li::marker{color:var(--accent)}
.prose ol li::marker{color:var(--accent);font-weight:600}
.prose ul+p,.prose ol+p{margin-top:18px}
.prose a{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:1px;transition:color .2s}
.prose a:hover{color:var(--accent)}

/* Respuesta corta */
.prose .answer{margin:8px 0 8px;padding:22px 26px;background:var(--panel);border-left:2px solid var(--accent)}
.prose p+.answer{margin-top:24px}
.prose .answer p{color:var(--ink);font-weight:300}
.prose .answer+p,.prose .answer+h2{margin-top:40px}

/* Línea "Publicado originalmente en LinkedIn" */
.prose p.orig{margin-top:44px;padding-top:20px;border-top:1px solid var(--line2);font-size:14px;color:var(--muted);line-height:1.6}

/* Lista de artículos (índice y "Seguí leyendo") */
.bloglist{list-style:none;max-width:68ch}
.bloglist li{border-top:1px solid var(--line2)}
.bloglist li:last-child{border-bottom:1px solid var(--line2)}
.bloglist a{display:block;padding:26px 0}
.bloglist .bl-date{display:block;font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}
.bloglist .bl-title{display:block;font-weight:700;font-size:clamp(19px,2.2vw,25px);line-height:1.22;letter-spacing:-.018em;color:var(--ink);transition:color .2s}
.bloglist .bl-desc{display:block;margin-top:8px;font-size:clamp(14.5px,1.45vw,16px);font-weight:300;line-height:1.65;color:var(--prose)}
.bloglist a:hover .bl-title{color:var(--accent)}
.bloglist-sec{padding-top:24px}
.related .bloglist .bl-title{font-size:clamp(17px,1.9vw,21px)}

/* Alinea cuerpo, listas y cierre con el borde del h1 y del logo (1200px menos 40px de cada lado) */
.post .shell,.related .shell,.bloglist-sec .shell,.endcta .shell{max-width:1120px}

/* El CTA de cierre de los artículos es más largo que el de las subpáginas */
.endcta p{max-width:34ch}

@media(max-width:600px){
  .post{padding:4px 22px 44px}
  .prose h2{margin-top:40px}
  .prose .answer{padding:18px 18px}
  .bloglist a{padding:22px 0}
}