/* blog + article styles (loaded on blog and pillar pages only) */
.bl-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0}.bl-cats a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem;font-size:.93rem;text-decoration:none;color:var(--ink);font-weight:500}.bl-cats a:hover{background:var(--ink);color:#fff}
.bl-group{padding:3rem 0 0}.bl-group h2{font-size:1.7rem;border-top:2px solid var(--ink);padding-top:1rem}
.bl-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem}
.bl-list li{padding:1rem 0;border-bottom:1px solid var(--line)}.bl-list a{font-family:var(--fd);font-weight:700;font-size:1.08rem;color:var(--ink);text-decoration:none;line-height:1.3;display:block}.bl-list a:hover{color:var(--glass)}.bl-list span{display:block;font-size:.93rem;color:var(--mute);margin-top:.25rem}
.bl-meta{font-size:.93rem;color:var(--mute);margin-top:1rem}
.bl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.5rem;padding:3rem 0 4rem}
.bl-body h2{font-size:1.65rem;margin-top:2.4rem}.bl-body h3{margin-top:1.6rem;font-size:1.15rem}.bl-body p,.bl-body li{max-width:68ch}
.bl-side{position:sticky;top:96px;align-self:start}.bl-card{background:var(--sky);border-radius:var(--r);padding:1.4rem;margin-bottom:1.2rem}.bl-card h2{font-size:1.1rem;margin-bottom:.6rem}.bl-card ul{padding-left:1.1rem;margin:0;font-size:.95rem}.bl-card li{margin-bottom:.4rem}.bl-card img{display:block;margin:0 auto .8rem;max-width:190px}
.bl-take{background:var(--ink);color:#DCE6F4;border-radius:var(--r);padding:1.4rem 1.6rem;margin:2rem 0}.bl-take h2{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.bl-take p{margin:0}
.bl-inline{border:2px solid var(--ink);border-radius:var(--r);padding:1.2rem 1.4rem;margin:2rem 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.bl-inline p{margin:0;max-width:46ch}
.bl-rel{list-style:none;padding:0}.bl-rel li{padding:.6rem 0;border-bottom:1px solid var(--line)}
@media(max-width:991.98px){.bl-wrap{grid-template-columns:1fr;gap:2rem}.bl-side{position:static}.bl-list{grid-template-columns:1fr}}