/* Weekly Training Brief: shared page styles for every article, matching the approved email
   design (2026-09-27). Loaded by each article page; the blocks are rendered by brief-page.js
   from resources/blog-index.json. Class names are namespaced (b*, l*) so they never collide
   with an article's own styles. Brand: navy #0B1F4F / #12358F, gold #F5B93B. */

/* hero additions */
.hero.brief .bpill{display:inline-block;background:rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;font-size:.66rem;font-weight:800;letter-spacing:1.8px;color:#fff}
.hero.brief .bpill b{color:#F5B93B}
.hero.brief h1{margin-top:16px}
.hero.brief .meta{color:#9FB2DA}
.hero.brief .lead{color:#D7E1F5;font-size:1.05rem;line-height:1.65;max-width:620px;margin:14px 0 20px}
.hero.brief .bacts{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hero.brief .bbadge{display:inline-flex;align-items:center;gap:10px;background:#081737;border-radius:12px;padding:10px 14px 10px 12px}
.hero.brief .bbadge img{width:34px;height:34px;border-radius:8px;display:block}
.hero.brief .bbadge span{font-size:.62rem;font-weight:800;letter-spacing:1.6px;line-height:1.5;color:#fff;white-space:nowrap}
.hero.brief .bbadge i{display:block;width:28px;height:3px;background:#F5B93B;border-radius:2px;margin-top:4px}

/* in this briefing */
.bwrap{max-width:820px;margin:0 auto;padding:22px 22px 0}
.bcard{background:#F5F8FE;border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:center}
@media(max-width:640px){.bcard{grid-template-columns:1fr}.bcard .bill{display:none}}
.bcard .bk{font-size:.68rem;font-weight:800;letter-spacing:1.8px;color:#12358F;margin-bottom:14px}
.bcard ol{list-style:none;margin:0;padding:0;counter-reset:brief}
.bcard ol li{counter-increment:brief;display:flex;align-items:flex-start;gap:10px;margin:0 0 11px;font-size:.98rem;line-height:1.45;color:#13203E}
.bcard ol li::before{content:counter(brief);flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#F5B93B;color:#0B1F4F;font-weight:800;font-size:.78rem;display:grid;place-items:center}
.bcard .bill{background:#fff;border:1.5px solid #DCE3F0;border-radius:12px;padding:14px 14px 10px;position:relative;margin-left:auto;width:128px}
.bcard .row{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.bcard .row i{color:#10B981;font-style:normal;font-weight:700;font-size:.72rem}
.bcard .row b{height:8px;border-radius:4px;background:#C9D3E6;display:block}
.bcard .tick{width:30px;height:30px;border-radius:50%;background:#F5B93B;color:#0B1F4F;font-weight:800;display:grid;place-items:center;margin:4px 0 0 auto}

/* continue learning + assign to team */
.lwrap{max-width:820px;margin:0 auto;padding:0 22px}
.lcard{background:#fff;border:1px solid #E3E9F5;border-radius:16px;padding:20px 20px 20px 22px;margin:18px 0 0;display:grid;grid-template-columns:1fr 176px;gap:16px;align-items:center}
@media(max-width:640px){.lcard{grid-template-columns:1fr}.lcard img{width:100%;height:auto;max-width:360px}}
.lcard .lk{font-size:.68rem;font-weight:800;letter-spacing:1.8px;color:#12358F;margin-bottom:12px}
.lcard .lrow{display:flex;gap:14px;align-items:flex-start}
.lcard .lic{flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:#0E2A6B;display:grid;place-items:center;font-size:22px}
.lcard h3{margin:0 0 6px;font-size:1.1rem;line-height:1.25;color:#0B1F4F}
.lcard p{margin:0;color:#5A6A8C;font-size:.9rem;line-height:1.55}
.lcard .chips{margin:14px 0 10px;line-height:1}
.lcard .chips span{display:inline-block;background:#F1F4FA;color:#13203E;font-size:.76rem;font-weight:700;padding:8px 11px;border-radius:999px;margin:0 6px 8px 0}
.lcard .lbtn{display:inline-block;border:1.5px solid #0B1F4F;color:#0B1F4F;font-weight:700;font-size:.9rem;border-radius:10px;padding:10px 16px;text-decoration:none}
.lcard img{display:block;width:176px;height:110px;border-radius:10px;border:1px solid #E3E9F5}
.lwrap .lnote{margin:14px 0 0;font-size:.82rem;color:#5A6A8C;text-align:center}