﻿/* Shared Money Sense and Wealth Notes article cards; section rules remain product scoped. */
.sofl-front-page.sofl-public-money .money-article-section { background:var(--public-section-background, #faf8f4); box-shadow:0 0 0 100vmax var(--public-section-background, #faf8f4); clip-path:inset(0 -100vmax); padding-block:var(--public-section-space); margin-block:0; }
.sofl-front-page.sofl-public-money .money-content { padding-block:0; }
.money-article-section .money-article-header { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:28px; }
.money-article-section .money-article-header > div { flex:1; min-width:0; }
.sofl-front-page.sofl-public-blogs .money-article-section h2 { margin:14px 0; }
.money-article-section .money-article-header p { margin:0; max-width:650px; }
.sofl-front-page.sofl-public-blogs .money-article-section .public-latest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article { display:flex; flex-direction:column; height:100%; min-width:0; border:1px solid #edf1f6; border-radius:18px; background:#fff; overflow:hidden; box-shadow:0 8px 24px #0f23410f,0 2px 6px #0f234106; transition:transform 200ms,box-shadow 200ms; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article:hover { transform:translateY(-2px); box-shadow:0 14px 34px #0f23411a,0 4px 12px #0f23410a; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-image { display:block; aspect-ratio:16/9; height:auto; width:100%; border-radius:0; margin:0; overflow:hidden; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-image img { display:block; width:100%; height:100%; object-fit:cover; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-body { display:flex; flex-direction:column; align-items:stretch; flex:1; padding:18px 20px; min-width:0; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-badges span { display:inline-block; background:#ffe6a0; color:#07234b; padding:5px 12px; border-radius:10px; text-transform:uppercase; font-size:11px; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article h3 { font-family: var(--public-font-heading); color:#07234b; font-size:24px; line-height:1.2; margin:10px 0 6px; letter-spacing:-.025em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article h3 a { color:inherit; text-decoration:none; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-body > p { color:#4d4d4d; font-size:18px; line-height:1.45; margin:0 0 20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:auto; padding:12px 0 0; border:0; font-size:16px; color:#526b87; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta > :is(time,span) i { margin-right:5px; }
.sofl-front-page.sofl-public-blogs .money-article-cards .money-read-link { order:0; margin-left:auto; margin-right:0; }
.money-article-section .blogs-pagination-row { display:flex; flex-direction:column; align-items:center; gap:14px; border:0; margin-top:24px; }
.money-article-section .blogs-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; }
    .money-article-section .blogs-pagination :is(a,span) {
        display: grid;
        place-items: center;
        min-width: 42px;
        min-height: 44px;
        padding: 10px;
        border: 1px solid #dce5f0;
        border-radius: 10px;
        color: #07234b;
        font-weight: 600;
        background: #fff;
    }
.money-article-section .blogs-pagination .disabled { color:#a2adbd; }
@media(max-width:1199px) { .money-article-section .money-article-header { flex-direction:column; align-items:stretch; } .sofl-front-page.sofl-public-blogs .money-article-section .public-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .sofl-front-page.sofl-public-blogs .money-article-section .public-latest-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .sofl-front-page.sofl-public-blogs .money-article-cards .public-article { transition:none; } .sofl-front-page.sofl-public-blogs .money-article-cards .public-article:hover { transform:none; } }

/* Width uses the shared content shell; avoid inherited Wealth Notes metadata spacing. */
.sofl-public-money .money-article-section .blogs-pagination-row > span { position:static; font-size:13px; color:var(--public-description-color); }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-badges > span:first-child {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}
.sofl-public-money .fin-hero-learn { min-height:56px; align-items:center; }

.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-badges .public-article-sample{background:#dfebdf;color:#234b2d;text-transform:none;border-radius:20px;font-size:12px;font-weight:700;margin-left:8px}

.money-article-header [data-money-category-reset][hidden]{display:none!important}

/* Shared card footer: metadata stays together on the left, CTA on the right. */
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta.public-article-footer {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px 16px;
    width:100%;
    margin-top:auto;
    padding-top:16px;
}
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    flex: 1 1 135px;
    min-width: min(100%,135px);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta-details > :is(time,span) {
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-meta-details i { margin:0; }
.sofl-front-page.sofl-public-blogs .money-article-cards .public-article-footer .money-read-link {
    order:0;
    flex:0 0 auto;
    margin:0 0 0 auto;
}
