/* inline */
@scope (html[data-site-styles~="ecc523af5e3ad836"]) {
#quarto-content .lp-page:where(:scope, *) { max-width: 1150px; margin: 0 auto; }
#quarto-content .lp-intro:where(:scope, *) { max-width: 44rem; color: #51606e; font-size: 1.02rem; line-height: 1.65; margin: 0 0 1.6rem; }
#quarto-content .lp-section-header:where(:scope, *) { margin: 2.6rem 0 .4rem; }
#quarto-content .lp-section-header h2:where(:scope, *) { margin-bottom: .3rem; }
#quarto-content .lp-section-header p:where(:scope, *) { color: #51606e; margin: 0; max-width: 44rem; }
/* Persona route cards -- same visual language as the homepage #learn cards
   (index.qmd .journey-grid/.j-card) so all card surfaces read as one system. */
.journey-grid:where(:scope, *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:1.4rem 0}
@media (max-width:900px){.journey-grid:where(:scope, *){grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.journey-grid:where(:scope, *){grid-template-columns:1fr}}
.j-card:where(:scope, *){display:flex;min-width:0;flex-direction:column;border:1px solid #e3e9ef;border-left:5px solid var(--jc);border-radius:12px;padding:1.2rem 1.25rem;background:#fff;transition:box-shadow .15s}
.j-card:hover:where(:scope, *){box-shadow:0 10px 26px rgba(15,35,60,.12)}
.j-kicker:where(:scope, *){font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--jc);text-transform:uppercase}
.j-title:where(:scope, *){display:block;font-weight:700;font-size:1.12rem;line-height:1.3;color:#17303f;margin:.45rem 0 .35rem}
.j-desc:where(:scope, *){display:block;font-size:.9rem;color:#51606e;line-height:1.45}
.j-go:where(:scope, *){display:block;margin-top:.7rem;font-weight:600;font-size:.85rem;color:var(--jc);text-decoration:none}
.j-go:hover:where(:scope, *){text-decoration:underline;text-underline-offset:2px}
.j-browse:where(:scope, *){display:block;margin-top:.45rem;font-size:.8rem;font-weight:600;color:#51606e;text-decoration:none}
.j-browse:hover:where(:scope, *){color:var(--jc);text-decoration:underline;text-underline-offset:2px}
.j-upsell:where(:scope, *){display:block;margin-top:auto;padding-top:.55rem;border-top:1px dashed #e3e9ef;font-size:.76rem;color:#7c8894}
#advanced-role-paths .lp-loading:where(:scope, *) { padding: 2rem; text-align: center; color: #7f8c8d; }
}