/* Shared Money Sense / Wealth Notes public hero only. */
.sofl-front-page.sofl-public-detail .article-details-hero { background:#fffefc; color:var(--public-heading-color,#08264c); padding-block:clamp(22px,2vw,32px) 0; }
.sofl-public-detail .article-details-breadcrumb { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; font-size:13px; line-height:1.7; color:#607699; margin-bottom:clamp(26px,3vw,42px); overflow-wrap:anywhere; }
.sofl-public-detail .article-details-breadcrumb a { color:#526b91; text-decoration:none; }
.sofl-public-detail .article-details-breadcrumb a:hover { color:#08264c; text-decoration:underline; }
.sofl-public-detail .article-details-category { display:inline-block; padding:7px 20px; border-radius:8px; background:#eaf1fb; color:#0864ce; font-size:13px; font-weight:600; letter-spacing:.025em; text-transform:uppercase; margin-bottom:18px; overflow-wrap:anywhere; }
.sofl-front-page.sofl-public-detail .article-details-hero h1 { font-size:clamp(34px,4.6vw,76px); font-weight:700; line-height:1.12; letter-spacing:-.025em; margin:0 0 14px; max-width:none; color:#061b33; overflow-wrap:anywhere; }
.sofl-front-page.sofl-public-detail .article-details-hero .article-details-summary { margin:0; max-width:none; font-size:clamp(18px,1.65vw,27px); line-height:1.5; color:#697e9c; overflow-wrap:anywhere; }
.sofl-public-detail .article-details-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin:26px 0 22px; }
.sofl-public-detail .article-details-meta { display:flex; align-items:center; flex-wrap:wrap; gap:16px 28px; font-size:15px; font-weight:500; color:#607699; }
.sofl-public-detail .article-details-meta > * { display:inline-flex; align-items:center; gap:12px; min-height:36px; }
.sofl-public-detail .article-details-meta > * + * { border-left:1px solid #d6e0ee; padding-left:28px; }
.sofl-public-detail .article-details-meta i { font-size:21px; }
.sofl-public-detail .article-details-share { display:inline-flex; align-items:center; gap:12px; border:0; background:transparent; padding:0; min-height:48px; color:#526b91; font-size:15px; font-weight:600; }
.sofl-public-detail .article-details-share-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#edf2f8; color:#10264a; font-size:21px; }
.sofl-public-detail .article-details-share:hover .article-details-share-icon { background:#fff0ca; }
.sofl-public-detail .article-details-featured { margin:0; overflow:hidden; border-radius:12px; }
.sofl-public-detail .article-details-featured img { display:block; width:100%; height:auto; aspect-ratio:32/9; object-fit:cover; }
.sofl-public-detail .article-details-hero :is(a,button):focus-visible { outline:3px solid #bb8c2b; outline-offset:4px; border-radius:4px; }
@media(max-width:767.98px) {
 .sofl-public-detail .article-details-breadcrumb { font-size:12px; gap:6px 8px; }
 .sofl-public-detail .article-details-category { padding:6px 14px; font-size:12px; margin-bottom:14px; }
 .sofl-public-detail .article-details-toolbar { gap:14px; margin-block:22px 18px; }
 .sofl-public-detail .article-details-meta { gap:10px 14px; font-size:13px; }
 .sofl-public-detail .article-details-meta > * { gap:8px; }
 .sofl-public-detail .article-details-meta > * + * { padding-left:14px; }
 .sofl-public-detail .article-details-share { font-size:13px; gap:8px; }
 .sofl-public-detail .article-details-share-icon { width:44px; height:44px; }
 .sofl-public-detail .article-details-featured img { aspect-ratio:16/9; }
}

/* Product-aware return link shares the editorial breadcrumb row. */
.sofl-public-detail .article-details-navigation { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:24px; }
.sofl-public-detail .article-details-navigation .article-details-breadcrumb { margin-bottom:0; min-width:0; }
.sofl-public-detail .article-details-back { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; color:#08264c; font-size:14px; font-weight:600; text-decoration:none; }
.sofl-public-detail .article-details-back:hover { color:#bb8c2b; }
.sofl-public-detail .article-details-back:focus-visible { outline:3px solid #bb8c2b; outline-offset:4px; }
@media(max-width:575px) { .sofl-public-detail .article-details-navigation { flex-direction:column; gap:12px; } }