/* Blog index and posts. Loads after styles.css */
.links a.cur{color:var(--gold)}.links a.cur::after{opacity:1;transform:none}
.bhero{padding:70px 24px 30px}
.bhero .sub{max-width:560px;font-size:19px;margin-top:14px}
.blist{list-style:none;margin:0 auto 90px;padding:0;max-width:820px}
.blist li{border-bottom:2px dashed rgba(0,40,85,.25)}
.brow{display:grid;grid-template-columns:120px 1fr;gap:4px 24px;padding:20px 8px;text-decoration:none;color:var(--blk);transition:background .2s,translate .2s}
.brow time{grid-row:span 2;font-size:14px;font-weight:700;color:var(--navy);opacity:.75;padding-top:4px}
.brow .bt{font-family:Norwester,sans-serif;font-size:24px;line-height:1.15;color:var(--navy);letter-spacing:.02em}
.brow .bx{font-size:15px;line-height:1.5;opacity:.8}
.brow:hover{background:rgba(254,216,130,.35);translate:4px 0}
.brow:hover .bt{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px}
.bpost{max-width:760px;padding-top:50px;padding-bottom:90px}
.bpost h1{font-size:clamp(34px,5vw,52px);margin:6px 0 26px}
.bdate{font-weight:700;color:var(--navy);opacity:.75;margin:18px 0 0}
.bbody{font-size:18px;line-height:1.7}
.bbody p{margin:0 0 1em}
.borig{margin:34px 0}.borig a{font-weight:700;color:var(--navy);text-decoration-color:var(--gold);text-decoration-thickness:3px}
.bback{display:inline-block;font-weight:700;color:var(--navy);text-decoration:none}
.bback:hover{color:var(--gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:640px){.brow{grid-template-columns:1fr}.brow time{grid-row:auto}.brow .bt{font-size:21px}}
/* Post media (from LinkedIn downloads) */
.bpost .bmedia{margin:26px 0;padding:0}
.bpost .bmedia img,.bpost .bmedia video{display:block;width:100%;height:auto;border-radius:8px;background:#f2e9e5;box-shadow:0 2px 14px rgba(0,40,85,.12)}
.bpost .bmedia video{background:#000000}
.bpost .bcarousel{display:flex;flex-direction:column;gap:18px;margin:30px 0}
.bpost .bcarousel .bmedia{margin:0}