/* Course-first blogs hub — 2026-08-15 */
.bcp{max-width:1200px;margin:8px auto 0;padding:8px 24px 8px}
.bcp-head{max-width:720px;margin:0 0 22px}
.bcp-kicker{margin:0 0 8px;color:#ff9d3c;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.bcp-head h2{margin:0 0 8px;color:#f4f6fb;font:800 clamp(1.4rem,2.4vw,1.9rem)/1.15 Inter,sans-serif;letter-spacing:-.03em}
.bcp-head p{margin:0;color:#a1a1aa;font:400 15px/1.55 Inter,sans-serif}
.bcp-grid{display:grid;gap:14px}
.bcp-track{padding:16px 16px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,15,25,.65)}
.bcp-track-head h3{margin:0 0 6px;color:#fff;font:800 1.15rem/1.2 Inter,sans-serif}
.bcp-track-head p{margin:0 0 12px;color:#9aa3b2;font:400 13.5px/1.5 Inter,sans-serif}
.bcp-pills{display:flex;flex-wrap:wrap;gap:8px}
.bcp-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#e5e7eb;text-decoration:none;font:600 12.5px/1 Inter,sans-serif}
.bcp-pill span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,157,60,.16);color:#ffb259;font:800 10px/1 Inter,sans-serif}
.bcp-pill:hover{border-color:rgba(255,157,60,.45);color:#fff;background:rgba(255,157,60,.08)}
#guides{padding-top:36px}
#dynamicBlogsSection{display:none}
@media (max-width:720px){
  .bcp{padding:8px 14px}
  .bcp-pill{width:100%}
}