/* Blog post (/blog/{slug}) — blog-only additions on top of lsib-article-page.css */

/* Byline under the lede */
.a-hero .b-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-size:14px;color:var(--muted);line-height:1.4}
.a-hero .b-byline b{color:var(--ink);font-weight:600}
.a-hero .b-byline time{font:500 12.5px var(--mono);letter-spacing:.04em;color:var(--text)}

/* Sidebar link back to the hub */
.a-side .b-side-link{margin-top:4px;font-size:14px}

/* Featured image at the top of the body */
.b-body .b-figure{margin:0 0 8px;border:1px solid var(--line);background:var(--paper-2);overflow:hidden}
.b-body .b-figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border:0}

/* Legacy blog bodies carry Bootstrap utility classes and inline sizing; keep them in the column */
.b-body img{max-width:100%;height:auto}
.b-body iframe,.b-body video{max-width:100%}
.b-body .post-meta{font-size:13px;color:var(--muted)}

@media (max-width:860px){
  .b-body .b-figure img{max-height:320px}
}

/* ---------- Blog v2 (/blog hub, /blog/topic/*, v2 posts) ---------- */
.bv-preview{background:#FFF4D6;border-bottom:1px solid #E8C96A;padding:10px 20px;font-size:14px;text-align:center}
.bv-takeaways{border:1px solid var(--line);border-left:3px solid var(--crimson);background:var(--paper-2);padding:18px 22px}
.a-body .bv-takeaways ul{margin:0}
.bv-takeaways-h{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.bv-side-course{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink)}
.bv-side-course small{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bv-side-course b{font-weight:600;line-height:1.35}
.bv-side-course span{font-size:13px;color:var(--muted)}
.bv-side-course:hover b{color:var(--blue)}
.bv-courses{grid-template-columns:repeat(3,minmax(0,1fr))}
.bv-hub-hero .wrap{grid-template-columns:minmax(0,1fr)}
.bv-hub-hero h1{font-size:clamp(34px,4.2vw,54px)}
.bv-topics{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;padding-bottom:4px}
.bv-topics a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border:1px solid var(--line);font-size:14px;color:var(--text);background:#fff}
.bv-topics a small{font:500 11px var(--mono);color:var(--muted)}
.bv-topics a[aria-current=page],.bv-topics a:hover{border-color:var(--blue);color:var(--blue)}
.bv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bv-card{display:grid;align-content:start;gap:10px;padding:22px;border:1px solid var(--line);background:#fff}
.bv-card h2{font:500 22px/1.2 var(--serif);letter-spacing:-.01em;margin:0}
.bv-card h2 a{color:var(--ink)}
.bv-card h2 a:hover{color:var(--blue)}
.bv-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.bv-card-topic{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--crimson)}
.bv-card .bv-card-meta{font-size:13px}
.bv-pager{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:15px}
@media (max-width:1100px){
  .bv-list,.bv-courses{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .bv-list,.bv-courses{grid-template-columns:1fr}
}