/* ==========================================================================
   blog.css — RescueMe: exclusivo del listado de blog (blog.html).
   Los posts individuales usan .legal-content (en base.css) para el cuerpo
   del artículo, así que no necesitan cargar este archivo.
   Carga junto a base.css.
   ========================================================================== */

.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 8px;}
.post-list{display:flex;flex-direction:column;gap:0;margin-top:36px;}
.post-card{border-top:1px solid var(--border);padding:44px 0;}
.post-card:first-child{border-top:none;padding-top:0;}
.post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.post-tag{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--deep);background:var(--bg-tint);padding:5px 11px;border-radius:100px;}
.post-tag.tag-heart{color:var(--heart);background:var(--heart-soft);}
.post-date,.post-readtime{font-size:.78rem;color:var(--muted);}
.post-card h2{font-size:clamp(1.35rem,2.2vw,1.7rem);margin-bottom:14px;color:var(--ink);}
.post-body{color:var(--ink);font-size:.98rem;max-width:74ch;}
.post-body p{margin-bottom:14px;}
.post-body p:last-child{margin-bottom:0;}
.post-body ul{margin:14px 0 14px 0;display:flex;flex-direction:column;gap:8px;}
.post-body ul li{position:relative;padding-left:24px;font-size:.96rem;}
.post-body ul li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--sky);transform:rotate(45deg);}
.post-body strong{color:var(--deep);}
.post-card[hidden]{display:none;}