/* LBIC Beginner Journey — first delivery v0.1.0 (presentation only).
   Scoped to .lbic-bj*; reuses shell tokens (--primary, --mute, --tint2, --line) with fallbacks.
   Loaded only on page 4 (/) and page 11 (/learn-and-tools/). Rollback = delete this file + the .php. */
.lbic-bj-path{margin-top:32px}
.lbic-bj-title{margin:0 0 14px}
.lbic-bj-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);counter-reset:none}
@media(min-width:768px){.lbic-bj-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lbic-bj-steps>li{min-width:0;display:flex;margin:0}
.lbic-bj-step{width:100%;min-width:0}
.lbic-bj-step h4{margin:0;color:var(--heading,#012A58)}
.lbic-bj-step p,.lbic-bj-feature p{overflow-wrap:anywhere}
.lbic-bj-head{display:flex;align-items:center;gap:10px}
.lbic-bj-num{flex:none;width:32px;height:32px;border-radius:10px;background:var(--primary,#012A58);color:#fff;display:grid;place-items:center;font-family:var(--font-body,inherit);font-weight:800;font-size:15px;line-height:1}
.lbic-bj-k{font-family:var(--font-body,inherit);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary,#012A58)}
.lbic-bj-feature{border:2px solid var(--primary,#012A58);margin:0 0 28px;min-width:0}
.lbic-bj-feature h3{margin:0}
.lbic-bj-feature .cta-row{margin-top:4px}
@media(max-width:479px){.lbic-bj-feature .cta-row .btn{flex:1 1 100%;white-space:normal;text-align:center}}