.blog-wrap{
    width:min(1080px,calc(100% - 32px));
    margin:0 auto;
    padding:52px 0 80px;
    color:#28304a;
}

.blog-hero{
    text-align:center;
    padding:36px 20px;
}

.blog-hero .eyebrow{
    font-size:12px;
    letter-spacing:.2em;
    color:#7f8cc7;
}

.blog-hero h1{
    font-size:clamp(30px,5vw,48px);
    margin:10px 0 14px;
    color:#27304f;
}

.blog-hero p{
    color:#6d7694;
}

.blog-categories{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-bottom:30px;
}

.blog-categories a,
.blog-category{
    padding:8px 13px;
    border:1px solid #d9deef;
    border-radius:999px;
    color:#66719b;
    background:#fff;
    text-decoration:none;
}

.blog-categories a:hover,
.blog-categories a.active,
.blog-category.active{
    color:#fff;
    background:#3e496f;
    border-color:#3e496f;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.blog-card{
    background:#3f4866;
    border:1px solid #4d587b;
    border-radius:18px;
    padding:22px;
    min-height:220px;
    box-shadow:0 10px 28px rgba(31,39,70,.12);
}

.blog-card span{
    font-size:12px;
    color:#aebcf1;
}

.blog-card h2{
    font-size:21px;
    line-height:1.4;
    margin:14px 0;
}

.blog-card h2 a{
    color:#fff;
    text-decoration:none;
}

.blog-card p{
    color:#d6dcf2;
    line-height:1.7;
}

.blog-card time{
    font-size:12px;
    color:#aab5d8;
}

.blog-detail{
    max-width:760px;
    margin:auto;
    background:#fff;
    border:1px solid #e1e5f1;
    border-radius:22px;
    padding:clamp(24px,5vw,56px);
    box-shadow:0 12px 36px rgba(32,41,75,.08);
}

.blog-detail header h1{
    font-size:clamp(30px,5vw,48px);
    line-height:1.28;
    color:#27304f;
}

.blog-summary{
    font-size:18px;
    color:#626d91;
    line-height:1.7;
}

.blog-meta{
    display:flex;
    gap:12px;
    font-size:13px;
    color:#aab5d8;
    margin-top:8px;
}

.blog-content{
    margin-top:42px;
}

.blog-content h2{
    font-size:25px;
    margin:40px 0 15px;
    color:#28304a;
}

.blog-content p,
.blog-content li{
    font-size:17px;
    line-height:1.9;
    color:#444d68;
}

.blog-content ul{
    padding-left:22px;
}

.blog-cta{
    margin:42px 0;
    padding:24px;
    background:#eef1fb;
    border-radius:16px;
}

.blog-cta strong{
    font-size:20px;
    color:#2f395f;
}

.blog-cta a{
    display:inline-block;
    margin-top:8px;
    color:#394777;
}

.blog-disclaimer{
    margin-top:46px;
    padding-top:20px;
    border-top:1px solid #e1e5ef;
    color:#7a839e;
}

.blog-back,
.blog-more{
    display:block;
    width:max-content;
    margin:28px auto;
    color:#47527c;
}

.blog-empty{
    text-align:center;
    grid-column:1/-1;
    color:#6e7895;
}

@media(max-width:820px){
    .blog-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:560px){
    .blog-grid{
        grid-template-columns:1fr;
    }

    .blog-wrap{
        width:min(100% - 20px,1080px);
    }
}

.blog-grid.single{
    grid-template-columns:minmax(300px,520px);
    justify-content:center;
}

.blog-faq{
    margin-top:42px;
    padding-top:8px;
}

.blog-faq-item{
    margin-top:16px;
    padding:18px 20px;
    border:1px solid #e1e5f1;
    border-radius:14px;
    background:#f8f9fd;
}

.blog-faq-item h3{
    margin:0 0 8px;
    font-size:18px;
    color:#2f395f;
}

.blog-faq-item p{
    margin:0;
}

body{margin:0;background:#f7f8fc;font-family:system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}.blog-site-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px max(16px,calc((100% - 1080px)/2));background:#fff}.blog-site-nav a{color:#303c70}.blog-reading-cta{margin:32px 0;padding:24px;border:1px solid #ccd2e5;border-radius:16px;background:#eef1fa}.blog-reading-cta a{display:inline-block;padding:12px 20px;background:#303c70;color:white;border-radius:8px;text-decoration:none}.blog-content img{max-width:100%;height:auto}.blog-content{overflow-wrap:anywhere}