/* Family Money Matters | Article reading experience v3 */
:root{--fp-navy:#0b2557;--fp-blue:#176bb2;--fp-pale:#eff6fc;--fp-ink:#24334a}
.article-page{background:#f7f9fc;color:var(--fp-ink)}
.article-hero{background:linear-gradient(115deg,#0b2557,#173e73)!important;color:#fff!important;padding:60px 0 88px!important}
.article-hero-inner{max-width:1080px!important}
.article-hero .eyebrow{display:inline-block;padding:9px 15px;border-radius:100px;background:#ffffff20;color:#fff;letter-spacing:.05em;font-size:.79rem;font-weight:700}
.article-hero h1{font-size:clamp(2.25rem,4.5vw,4rem)!important;line-height:1.11!important;letter-spacing:-.035em;max-width:860px;margin:22px 0 16px!important;color:white!important}
.article-hero-inner>p:not(.reading-meta){font-size:1.15rem;line-height:1.7;color:#e2eafa;max-width:660px}
.article-hero .reading-meta{color:#d9e8fa;font-size:.87rem;letter-spacing:.01em}
.article-hero .article-back{display:inline-block;color:#fff!important;text-decoration:underline;text-underline-offset:4px;margin:14px 0}
.article-hero-actions{display:none!important}
.article-feature-image{width:min(1080px,calc(100% - 40px));margin:-48px auto 0!important;position:relative;z-index:2;border-radius:22px;background:#eaf4fb;overflow:hidden;box-shadow:0 20px 45px #0b255718;display:flex;justify-content:center;align-items:center;padding:15px}
.article-feature-image img{width:100%;max-height:340px;object-fit:contain}
.article-page>.block{padding-top:38px!important}
.article-layout{display:grid!important;grid-template-columns:minmax(0,740px) minmax(210px,270px)!important;gap:45px!important;align-items:start;max-width:1110px!important}
.article-body{min-width:0;background:#fff;border:1px solid #e4eaf1;border-radius:22px;padding:clamp(22px,4vw,50px)!important;box-shadow:0 12px 36px #0b255709}
.article-intro{font-size:1.17rem;line-height:1.8;color:#334962;border-left:4px solid #176bb2;background:#f0f7fd;padding:20px 25px!important;border-radius:0 14px 14px 0;margin:0 0 30px}
.article-intro p{margin:0}
.article-takeaways{background:#f4f8fd!important;border:1px solid #dce9f5!important;border-radius:18px;padding:24px 29px!important;margin:0 0 40px!important}
.article-takeaways h2{font-size:1.28rem!important;color:#0b2557;margin:0 0 14px!important}
.article-takeaways ul{margin:0;padding-left:21px}.article-takeaways li{padding:5px 0;line-height:1.55}
.article-body .article-section{padding:0 0 27px!important;margin:0 0 30px!important;border-bottom:1px solid #e9edf3}
.article-body .article-section>h2,.learning-extension>h2{font-size:clamp(1.4rem,2.5vw,1.85rem)!important;color:#0b2557;letter-spacing:-.025em;line-height:1.27;margin:0 0 17px!important;scroll-margin-top:25px}
.article-body p,.article-body li{font-size:1.025rem;line-height:1.82}.article-body p{margin:0 0 18px}
.article-body h3{font-size:1.17rem!important;color:#0b2557;margin:28px 0 11px!important}
.article-body ol,.article-body ul{padding-left:23px}.article-body li{margin-bottom:7px}
.learning-extension{background:#fff!important;border:0!important;padding:4px 0 18px!important}
.learning-extension h3{border-left:3px solid #176bb2;padding-left:12px}
.check-box{border:1px solid #dce9f5!important;background:#f4f9ff!important;border-radius:16px;padding:20px 25px;margin:25px 0}
.notice{border-radius:12px!important;background:#eef5fd!important;color:#26445f!important;padding:18px 22px!important}
.article-toc{position:sticky!important;top:20px!important;background:#fff!important;border:1px solid #e3eaf2!important;border-radius:18px!important;padding:25px!important;box-shadow:0 10px 30px #0b25570a;max-height:calc(100vh - 40px);overflow:auto}
.article-toc h2{color:#0b2557;font-size:1rem!important;margin:0 0 14px!important}
.article-toc a{display:block!important;padding:10px 12px!important;margin:2px 0!important;border-radius:8px;color:#40546e!important;text-decoration:none!important;line-height:1.35;font-size:.89rem}
.article-toc a:hover,.article-toc a:focus{background:#eef5fd;color:#0b2557!important}
.article-next-steps{border-radius:18px!important;background:#0b2557!important;color:#fff!important;padding:30px!important;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.article-next-steps h2,.article-next-steps p{color:#fff!important}.article-next-steps a{background:#fff!important;color:#0b2557!important;border-radius:9px;padding:13px 18px;text-decoration:none;font-weight:700}
.more-reading{background:#f3f7fb;border-radius:16px;padding:26px!important;margin-top:25px}
.reader-question-box{background:#edf4fa!important;border-radius:20px;margin:45px auto!important;max-width:1050px;padding:32px!important;text-align:center}
.reader-question-box h2{color:#0b2557}.reader-question-box .button{background:#0b2557!important;color:#fff!important;border-radius:9px}
.article-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 24px}
.article-toolbar button,.article-toolbar a{appearance:none;background:#fff;color:#0b2557;border:1px solid #cddbea;border-radius:9px;padding:10px 15px;font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer}
.article-toolbar button:hover,.article-toolbar a:hover{background:#edf5fc}
.article-body .article-section:target{scroll-margin-top:30px}
@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr)!important}.article-toc{position:static!important;grid-row:1;max-height:none}.article-toc details{display:block}.article-feature-image{margin-top:-30px!important}.article-hero{padding:42px 0 62px!important}}
@media(max-width:550px){.article-hero h1{font-size:2.25rem!important}.article-body{padding:22px!important}.article-toc{padding:18px!important}.article-feature-image{width:calc(100% - 24px)}.article-next-steps{padding:22px!important}}
@media print{.mast,.menu,.article-toc,.article-toolbar,.reader-question-box,.footer,.reading-progress{display:none!important}.article-body{box-shadow:none;border:0;padding:0!important}.article-hero{background:#fff!important;color:#000!important;padding:0!important}.article-hero h1{color:#000!important}.article-feature-image{margin:0 auto!important;box-shadow:none}.article-layout{display:block!important}}