* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none!important;
}
a:hover{
    color: #fff!important;
}

.vw-wrap{max-width:1400px;margin:0 auto;padding:0 24px;}

body.vw-navopen .vw-mobilepanel{display:block;}
.vw-intro{text-align:center;padding:110px 0 13px;max-width:1255px;margin:0 auto;}
.vw-intro h1{    margin-bottom: 18px;
    font-family: 'Sora', sans-serif;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 800;
    color: #10233f;
    max-width: 1115px;
    margin: 0 auto 18px;
}
    
    .vw-intro h1 span {
    color: #3d5a8c;
    font-weight: 400;
    font-style: italic;
}
.vw-intro p{    font-family: 'Inter', sans-serif;
    color: #7c8099;
    font-size: 16px;
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto 70px;}
.vw-categorybar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 0;}
.vw-pill{flex-shrink:0;padding:10px 20px;border-radius:100px;background:#fff;border:1px solid rgba(15,15,26,0.1);font-family:'Sora',sans-serif;font-weight:600;font-size:14px;color:#0f0f1a;cursor:pointer;transition:0.15s;}
.vw-pill:hover{border-color:#3d5a8c;color:#3d5a8c;}
.vw-pill.vw-active{background:#3d5a8c;color:#fff;border-color:#3d5a8c;}
.vw-herosection{padding:30px 0 0;}
.vw-herocard{position:relative;border-radius:20px;overflow:hidden;min-height:400px;display:flex;align-items:flex-end;background:#0f0f1a;}
.vw-heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.vw-heroshade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,0.92) 8%,rgba(10,10,11,0.25) 58%,rgba(10,10,11,0.08) 100%);}
.vw-herocontent{position:relative;z-index:2;padding:40px;color:#fff;max-width:640px;}
.vw-herobadges{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.vw-badge{font-size:0.7rem;font-weight:600;font-family:'Sora',sans-serif;padding:5px 12px;border-radius:100px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.28);color:#fff;}
.vw-herocontent h2{font-family:'Sora',sans-serif;font-size:1.9rem;font-weight:700;margin-bottom:10px;line-height:1.2;}
.vw-herocontent p{color:rgba(255,255,255,0.8);font-size:0.92rem;max-width:520px;margin-bottom:16px;line-height:1.6;}
.vw-herometa{display:flex;align-items:center;gap:10px;font-size:0.8rem;color:rgba(255,255,255,0.72);flex-wrap:wrap;}
.vw-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#7d9bd1,#3d5a8c);flex-shrink:0;}
.vw-heroread{position:absolute;right:40px;bottom:40px;z-index:2;background:#3d5a8c;color:#fff;padding:11px 18px;border-radius:9px;font-family:'Sora',sans-serif;font-weight:600;font-size:0.82rem;text-decoration:none;}
a.vw-heroread:hover {
    background: #26385a;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px -8px rgba(61, 90, 140, .75) !important;
    color: #fff;
}
.vw-maingrid{display:grid;grid-template-columns:1fr 340px;gap:36px;padding:90px 0 110px;align-items:start;}
.vw-coltitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vw-coltitle h3{    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 600;}

.vw-postlist{display:flex;flex-direction:column;gap:18px;}
.vw-postcard{display:grid;grid-template-columns:190px 1fr;gap:18px;background:#fff;border-radius:14px;padding:14px;border:1px solid rgba(15,15,26,0.08);transition:0.18s;}
.vw-postcard:hover{box-shadow:0 12px 28px rgba(15,15,26,0.08);transform:translateY(-2px);}
.vw-thumb{border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#e7ebf5;}
.vw-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.vw-postbody{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.vw-tagrow{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap;}
.vw-tag{font-size:0.64rem;font-weight:700;font-family:'Sora',sans-serif;letter-spacing:0.02em;padding:4px 9px;border-radius:100px;background:rgba(61,90,140,0.1);color:#3d5a8c;}
.vw-postbody h4{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}
.vw-postbody h4 a{color:#0f0f1a;text-decoration:none;}
.vw-postbody p{font-size: 14px;
    color: #7c8099;
    margin-bottom: 12px;
    line-height: 1.5;}
.vw-postfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.vw-postfoot-meta{display:flex;align-items:center;gap:10px;font-size:0.74rem;color:rgba(15,15,26,0.55);flex-wrap:wrap;}
.vw-postfoot .vw-avatar{width:20px;height:20px;}
.vw-readmore{font-size:13px;font-weight:400;font-family:'Sora',sans-serif;color:#fff;border:1px solid rgba(61,90,140,0.3);padding:7px 14px;border-radius:8px;text-decoration:none;flex-shrink:0;transition:0.15s;background-color: #3d5a8c}
.vw-readmore:hover{color: #fff;
    background: #26385a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px -8px rgba(61, 90, 140, .75) !important;}
.vw-sidebar{display:flex;flex-direction:column;gap:24px;}
.vw-sidebox{background:#fff;border:1px solid rgba(15,15,26,0.08);border-radius:14px;padding:20px;}
.vw-sidebox h5 {
    font-family: 'Sora', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #101828;
    margin-bottom: 12px;
}
.vw-sideheadrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.vw-sideheadrow h5{font-family:'Sora',sans-serif;font-size:0.98rem;}
.vw-toggle{width:36px;height:20px;border-radius:100px;background:rgba(15,15,26,0.15);position:relative;cursor:pointer;flex-shrink:0;display: none;}
.vw-toggle::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:0.15s;}
.vw-toggle.vw-on{background:#3d5a8c;}
.vw-toggle.vw-on::after{left:19px;}
.vw-carousel{position:relative;border-radius:14px;overflow:hidden;}
.vw-slide{position:relative;display:none;min-height:280px;text-decoration:none;color:inherit;cursor:pointer;}
.vw-slide.vw-current{display:block;}
.vw-slide img{width:100%;height:280px;object-fit:cover;display:block;}
.vw-slideshade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,0.85) 15%,rgba(10,10,11,0.15) 60%,transparent 100%);}
.vw-slidebadges{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:2;}
.vw-slidebadge{background:rgba(15,15,26,0.7);color:#fff;font-family:'Sora',sans-serif;font-size:0.68rem;font-weight:700;padding:5px 12px;border-radius:100px;border:1px solid rgba(255,255,255,0.25);}
.vw-slidecap{position:absolute;left:16px;right:16px;bottom:44px;z-index:2;}
.vw-slidecap h6{font-family:'Sora',sans-serif;color:#fff;font-size:1.02rem;font-weight:700;line-height:1.35;margin-bottom:8px;}
.vw-slidemeta{display:flex;gap:12px;font-size:0.74rem;color:rgba(255,255,255,0.75);}
.vw-slidenav{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;z-index:3;}
.vw-slidearrow{background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.3);color:#fff;width:30px;height:30px;border-radius:50%;font-family:'Sora',sans-serif;font-size:1rem;cursor:pointer;line-height:1;}
.vw-slidedots{display:flex;gap:6px;}
.vw-slidedot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.45);cursor:pointer;border:none;padding:0;}
.vw-slidedot.vw-on{background:#7ea1de;width:18px;border-radius:100px;}
.vw-newsletter{background:linear-gradient(135deg,#3d5a8c,#0a0a0b);border:none;border-radius:16px;padding:22px;}
.vw-newsletter-label{font-family:'Sora',sans-serif;font-weight:700;font-size:0.72rem;letter-spacing:0.06em;color:#9fb4dd;margin-bottom:10px;}
.vw-newsletter-text{font-size:0.9rem;color:rgba(255,255,255,0.85);line-height:1.55;margin-bottom:18px;}
.vw-newsletter-input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:#fff;font-family:'Inter',sans-serif;font-size:0.86rem;margin-bottom:10px;}
.vw-newsletter-input::placeholder{color:rgba(255,255,255,0.55);}
.vw-newsletter-btn{width:100%;padding:13px 14px;border-radius:9px;border:none;background:#fff;color:#0f0f1a;font-family:'Sora',sans-serif;font-weight:700;font-size:0.88rem;cursor:pointer;transition:0.15s;}
.vw-newsletter-btn:hover{background:#e7ebf5;}
.vw-newsletter-confirm{display:none;font-size:0.82rem;padding:10px 12px;background:rgba(255,255,255,0.14);border-radius:8px;color:#fff;}
.vw-searchrow{display:flex;gap:8px;}
.vw-searchinput{flex:1;padding:12px 14px;border-radius:9px;border:1px solid rgba(15,15,26,0.12);background:#f5f6fa;font-family:'Inter',sans-serif;font-size:0.86rem;color:#0f0f1a;}
.vw-searchbtn{padding:12px 18px;border-radius:9px;border:none;background:#3d5a8c;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:0.82rem;cursor:pointer;transition:0.15s;}
.vw-searchbtn:hover{background:#3d5a8c;}
.vw-searchtags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.vw-searchtag{font-size:0.72rem;font-weight:600;font-family:'Sora',sans-serif;color:#3d5a8c;background:rgba(61,90,140,0.08);padding:6px 12px;border-radius:100px;cursor:pointer;}
.vw-trendlist{display:flex;flex-direction:column;gap:16px;}
.vw-trenditem{display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;}
.vw-trendimg{border-radius: 10px;
    overflow: hidden;
    /* aspect-ratio: 7 / 5; */
    /* margin-bottom: 10px;*/
}
.vw-trendimg img{width: 172px;
    height: 99px;
    object-fit: cover;
    display: block;}
.vw-trendtags{font-size:0.76rem;font-weight:600;color:#3d5a8c;margin-bottom:5px;}
.vw-trenditem h6{font-family:'Sora',sans-serif;font-size:0.92rem;font-weight:700;line-height:1.35;margin-bottom:6px;}
.vw-trenditem h6 a{color:#0f0f1a;text-decoration:none;}
.vw-trendmeta{font-size:0.75rem;color:rgba(15,15,26,0.5);}
.vw-trenddivider{border:none;border-top:1px solid rgba(15,15,26,0.08);margin:16px 0 0;}
.vw-pollrow{margin-bottom:14px;}
.vw-pollhead{display:flex;justify-content:space-between;font-size:0.82rem;font-weight:600;margin-bottom:6px;}
.vw-pollbar{height:7px;border-radius:100px;background:rgba(15,15,26,0.08);overflow:hidden;}
.vw-pollfill{height:100%;background:#3d5a8c;border-radius:100px;}
.vw-pollbtn{width:100%;margin-top:6px;padding:12px;border-radius:9px;border:none;background:#3d5a8c;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:0.85rem;cursor:pointer;    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: center;}
.vw-pollbtn:hover{    background: #26385a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px -8px rgba(61, 90, 140, .75) !important;}
    button#vwPollBtn svg {
    width: 15px !important;
    height: 15px !important;
    transition: transform .22s ease !important;
}
button#vwPollBtn:hover svg {
    transform: translateX(3px) !important;
}
.btn {
    display: inline-flex !important;
    align-items: center!important;
    gap: 9px!important;
    font-family: 'Inter',sans-serif;
    font-weight: 400;
    font-size: 14px!important;
    padding: 15px 28px!important;
    border: 1px solid transparent!important;
    cursor: pointer!important;
    transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
    white-space: nowrap;
    text-transform: uppercase!important;
    letter-spacing: 0.6px!important;
    border-radius: 0px!important;
}
.btn-primary {
    background: #3d5a8c!important;
    color: #ffffff!important;
    box-shadow: 0 8px 24px -8px rgba(61,90,140,.6)!important;
}
.vw-loadmore{display:flex;justify-content:center;padding-top:55px;}
.vw-loadmorebtn{padding:12px 28px;border-radius:9px;border:1px solid rgba(15,15,26,0.1);background:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:0.88rem;color:#0f0f1a;cursor:pointer;transition:0.15s;}
.vw-loadmorebtn:hover{border-color:#3d5a8c;color:#3d5a8c;}
.vw-emptystate{padding:40px 20px;text-align:center;color:rgba(15,15,26,0.5);font-size:0.9rem;background:#fff;border-radius:14px;border:1px solid rgba(15,15,26,0.08);}
@media screen and (max-width:1560px){
    .vw-herosection {
    padding: 30px 40px 0;
}
.vw-maingrid {
    padding: 90px 40px 110px;
}
}

@media screen and (max-width:1380px){
    .vw-maingrid {
    padding: 90px 80px 110px;
}
 .vw-herosection {
    padding: 30px 80px 0;
}
}

@media screen and (max-width:1260px){
    .vw-maingrid {
    padding: 90px 35px 110px;
}
 .vw-herosection {
    padding: 30px 35px 0;
}
.vw-intro {
    padding: 110px 191px 13px;
}
}
@media (max-width:980px){
    .vw-maingrid{
        grid-template-columns:1fr;
    }
    .vw-sidebar{
        order:2;
    }
    .vw-intro h1 {
        font-size: 47px;
    }
    .vw-intro {
        padding: 110px 38px 13px;
    }
    .vw-trenditem {
    justify-content: start;
}
}
@media (max-width:760px){.vw-nav{display:none;}.vw-nav-btn{display:none;}.vw-burger{display:flex;}.vw-herocontent{padding:24px;max-width:100%;}.vw-herocontent h2{font-size:1.4rem;}.vw-heroread{position:static;margin-top:14px;display:inline-block;}.vw-postcard{grid-template-columns:1fr;}.vw-thumb{aspect-ratio:16/9;}.vw-footgrid{grid-template-columns:1fr 1fr;}.vw-intro h1{font-size:32px;}.vw-postfoot{flex-direction:column;align-items:flex-start;
}}

@media screen and (max-width:576px){
    .vw-intro {
        padding: 110px 20px 13px;
    }
    .vw-intro h1 {
        font-size: 32px;
    }
    .vw-pill {
        font-size: 12px;
        padding: 9px 17px;
    }
    .vw-categorybar {
        gap: 6px;
    }
    .vw-herosection {
        padding: 30px 15px 0;
    }
    .vw-maingrid {
        padding: 90px 15px 110px;
    }
    .vw-herocard {
        min-height: 474px;
        align-items: center;
    }
    .vw-heroread {
        right: 224px;
        bottom: 40px;
    }
    .vw-heroread {
    position: absolute;
    margin-top: 14px;
    display: inline-block;
}
.hd-n-cta {
    display: none!important;
}
}

.vw-polloptions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 18px 0;
}

.vw-pollchoice {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #5f6b82;
}

.vw-pollchoice input {
    accent-color: #3d5a8c;
}

.vw-pollmessage {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    margin-top: 10px;
    color: #5f6b82;
}



/* =========================================
   SINGLE BLOG PAGE
========================================= */


svg.ic{width:16px;height:16px;flex:none}
.sp-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.sp-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:24px 0 18px;font:500 14px 'Sora',sans-serif}
.sp-crumb a{
    color: #0f0f1a;
}
.sp-crumb .cur{color:#3d5a8c}.sp-crumb i{font-style:normal;color:#3d5a8c}
.sp-hero{position:relative;border-radius:24px;overflow:hidden;min-height:480px;display:flex;align-items:flex-end;background:#0f0f1a;color:#fff}
.sp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.95) 12%,rgba(10,10,11,.4) 58%,rgba(10,10,11,.08))}
.sp-score{position:absolute;top:28px;left:28px;z-index:2;width:44px;height:44px;border-radius:50%;background:#3d5a8c;box-shadow:0 0 0 5px rgba(255,255,255,.2);display:grid;place-items:center;font:700 13px 'Sora',sans-serif}
.sp-hin{position:relative;z-index:2;width:100%;padding:40px}
.sp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sp-badge{padding:7px 14px;border-radius:100px;background:#0f0f1a;box-shadow:0 0 0 3px rgba(255,255,255,.18);font:700 11px 'Sora',sans-serif;text-transform:uppercase}
.sp-hero h1{font:700 clamp(1.7rem,3.6vw,2.7rem)/1.2 'Sora',sans-serif;max-width:900px;margin-bottom:16px}
.sp-hero p{max-width:860px;font-size:15px;line-height:1.75;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:24px}
.sp-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.22);padding-top:20px}
.sp-mleft{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font:600 13px 'Sora',sans-serif}
.sp-mleft span{display:flex;align-items:center;gap:7px}
.av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7d9bd1,#3d5a8c);box-shadow:0 0 0 2px rgba(255,255,255,.35);flex:none}
.sp-pill{border:1.5px solid #fff;border-radius:8px;padding:9px 14px;background:rgba(255,255,255,.1);font:500 13px 'Sora',sans-serif}
.sp-date{background:#fff;color:#0f0f1a;border-radius:8px;padding:9px 14px;display:flex;align-items:center;gap:8px;font:500 13px 'Sora',sans-serif}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;padding:30px 0 60px}
.sp-card{display:grid;grid-template-columns:250px minmax(0,1fr);background:#fff;border:1px solid rgba(15,15,26,.08);border-radius:16px}
.sp-toc{border-right:1px solid rgba(15,15,26,.08);padding:28px 24px}
#spToc a.active{

    color:#3d5a8c !important;
    font-weight:700;

}
.sp-toc{
    position: sticky;
    top:2px;
    height: fit-content;
}
.sp-tocin{

    max-height: calc(100vh - 50px);
    overflow-y: auto;

}
.vw-trending-sticky{

    position: sticky;
    top:10px;
    height:max-content;

}
.sp-toc h5{font:600 17px 'Sora',sans-serif;padding-bottom:16px;border-bottom:1px solid #e9ecf3}
.sp-toc a{display:block;padding:14px 0;border-bottom:1px solid #e9ecf3;font:600 12.5px/1.45 'Sora',sans-serif;color:rgba(15,15,26,.6);transition:color .15s}
.sp-toc a:hover,.sp-toc a.on{color:#3d5a8c}
.sp-prog{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;background:#f5f6fa;border:1px solid rgba(15,15,26,.08);border-radius:8px;font-size:12.5px;color:rgba(15,15,26,.65)}
.sp-prog svg{color:#3d5a8c}
.sp-bar{flex:1;height:6px;background:#e3e7f0;border-radius:9px;overflow:hidden}.sp-bar b{display:block;height:100%;width:0;background:#3d5a8c}
.sp-body{padding:28px 32px 40px;min-width:0}
.sp-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #e9ecf3}
.sp-share-icons {
    display: flex;
    gap: 8px;
}
.sp-share>b{font:600 13px 'Sora',sans-serif;padding-right:14px;margin-right:6px;border-right:1px solid #e3e7f0}
.sp-sb,.sp-tool{height:38px;border:1px solid rgba(15,15,26,.1);border-radius:8px;background:#fff;color:#0f0f1a;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:500 13px 'Sora',sans-serif;transition:.15s}
.copy-icon img{

    width:16px;
    height:16px;

}


.copy-icon .icon-white{

    display:none;

}


/* Hover */

.sp-tool:hover .copy-icon .icon-black{

    display:none;

}


.sp-tool:hover .copy-icon .icon-white{

    display:block;

}
.sp-sb{

width:38px;
height:38px;
border:1px solid rgba(15,15,26,.1);
border-radius:8px;
background:#fff;

display:flex;
align-items:center;
justify-content:center;

transition:.3s ease;

}


.sp-sb img{

width:18px;
height:18px;

}


.icon-white{

display:none;

}



/* Hover */

.sp-sb:hover{

background:#3d5a8c;
border-color:#3d5a8c;

}


.sp-sb:hover .icon-black{

display:none;

}


.sp-sb:hover .icon-white{

display:block;

}
.sp-tool{padding:0 16px}.sp-tool.first{margin-left:auto}
.sp-sb:hover,.sp-tool:hover{background:#3d5a8c;color:#fff;border-color:#3d5a8c}
.sp-art{font-size:16px;line-height:1.85;color:rgba(15,15,26,.75)}
.sp-art p{margin-bottom:16px}.sp-art .lead{font-style:italic}
.sp-art strong{color:#0f0f1a}.sp-art a{color:#3d5a8c;text-decoration:underline}
.sp-art h2{font:700 clamp(1.4rem,2.4vw,1.9rem)/1.25 'Sora',sans-serif;color:#0f0f1a;margin:36px 0 14px;scroll-margin-top:24px}
.sp-art ul,.sp-art ol{list-style:none;margin:0 0 20px}
.sp-art li{position:relative;padding-left:32px;margin-bottom:12px}
.sp-art ul li:before{content:"";position:absolute;left:9px;top:.78em;width:7px;height:7px;border-radius:50%;background:#3d5a8c}
.sp-art ol{counter-reset:n}.sp-art ol li{counter-increment:n}
.sp-art ol li:before{content:counter(n);position:absolute;left:0;top:.3em;width:24px;height:24px;border-radius:50%;background:rgba(61,90,140,.12);color:#3d5a8c;font:700 12px/24px 'Sora',sans-serif;text-align:center}
.sp-art figure{margin:26px 0}.sp-art figure img{width:100%;border-radius:14px}
.sp-art figcaption{font-size:12.5px;color:rgba(15,15,26,.5);margin-top:10px;text-align:center}
.sp-art blockquote{margin:26px 0;padding:20px 24px;background:#f5f6fa;border-left:3px solid #3d5a8c;border-radius:0 12px 12px 0;font:600 17px/1.6 'Sora',sans-serif;color:#0f0f1a}
.sp-tw{overflow-x:auto;margin:24px 0;border:1px solid rgba(15,15,26,.1);border-radius:12px}
.sp-art table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px;line-height:1.55}
.sp-art th{background:#f5f6fa;text-align:left;padding:14px 16px;font:700 12.5px 'Sora',sans-serif;color:#0f0f1a}
.sp-art td{padding:14px 16px;border-top:1px solid rgba(15,15,26,.08);vertical-align:top}
.sp-art tr:nth-child(even) td{background:#fafbfd}.sp-art td:first-child{font-weight:600;color:#0f0f1a}
.sp-dots{width:44px;height:6px;margin:20px auto 14px;border-radius:9px;background:#e3e7f0;position:relative}
.sp-dots:after{content:"";position:absolute;left:12px;width:18px;height:6px;border-radius:9px;background:#3d5a8c}
.sp-pn{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid rgba(15,15,26,.08);border-radius:14px;overflow:hidden}
.sp-pn>a{display:flex;align-items:stretch;min-height:118px}.sp-pn>a+a{border-left:1px solid rgba(15,15,26,.08)}
.sp-pn img{width:140px;object-fit:cover;flex:none}
.sp-pn div{flex:1;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.sp-pn .nx div{align-items:flex-end;text-align:right}
.sp-pn h6{font:600 15px/1.45 'Sora',sans-serif;     color: #0f0f1a;}
.sp-btn{display:inline-flex;align-items:center;gap:5px;width:fit-content;background:#3d5a8c;color:#fff!important;font:600 12px 'Sora',sans-serif;padding:7px 13px;border-radius:7px;transition:.15s}
.sp-pn>a:hover .sp-btn{background:#26385a}
.sp-hd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid rgba(15,15,26,.08);box-shadow:0 6px 16px rgba(15,15,26,.08);display:grid;place-items:center;color:#3d5a8c;font-size:16px;letter-spacing:-3px;z-index:2}
.sp-sg{border-top:1px solid rgba(15,15,26,.1);padding-bottom:70px}
.sp-sgh{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid rgba(15,15,26,.1);margin-bottom:28px}
.sp-sgh h3{font:600 22px 'Sora',sans-serif}.sp-sgh a{font:500 13px 'Sora',sans-serif;color:#3d5a8c}
/* =========================================
   SINGLE BLOG - RELATED POSTS SLIDER
========================================= */

.sp-vp {
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.sp-vp.drag {
    cursor: grabbing;
}

.sp-tr {
    display: flex;
    gap: 20px;
    will-change: transform;
    transition: transform .55s cubic-bezier(.4, 0, .2, 1);
}

.sp-tr.nt {
    transition: none !important;
}

.sp-c {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 0;
    display: block;
    background: #fff;
    border: 1px solid rgba(15,15,26,.08);
    border-radius: 18px;
    overflow: hidden;
}

.sp-c .im {
    position: relative;
    height: 230px;
}

.sp-c .im img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    -webkit-user-drag: none;
}

.sp-c .tg {
    position: absolute;
    top: 14px;
    left: 14px;
    display: flex;
    gap: 6px;
    color: #fff;
}

.sp-c .bd {
    padding: 22px;
}

.sp-c time {
    display: flex;
    align-items: center;
    gap: 8px;
    font: 600 12.5px 'Sora', sans-serif;
    color: rgba(15,15,26,.6);
}

.sp-c h4 {
    font: 700 18px/1.35 'Sora', sans-serif;
    margin: 12px 0 8px;
}

.sp-c h4,
.sp-c p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #0f0f1a;
}

.sp-c p {
    font-size: 14px;
    line-height: 1.6;
    color: #7c8099;
}

.sp-c .ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef0f4;
    font: 600 12.5px 'Sora', sans-serif;
}

.sp-c .ft span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #0f0f1a;
}

@media screen and (max-width: 1380px){
    .sp-wrap {
        padding: 0 80px;
    }
}

@media screen and (max-width:1260px)
{
    .sp-wrap {
    padding: 0 35px;
}
}
/* Tablet: 2 full cards */
@media (max-width: 1099px) {

    .sp-c {
        flex: 0 0 calc((100% - 20px) / 2);
    }

}


/* Mobile: 1 full card */
@media (max-width: 699px) {

    .sp-c {
        flex: 0 0 100%;
    }

}
.sp-c .av{width:34px;height:34px;box-shadow:none}
@media(max-width:980px){.sp-grid{grid-template-columns:1fr}.sp-card{grid-template-columns:1fr}.sp-toc{border-right:0;border-bottom:1px solid rgba(15,15,26,.08); position: relative;}.sp-tocin{position:static}.sp-hero{min-height:420px}
    .sp-body {
    padding: 28px 16px 40px;
}
.sp-art {
    font-size: 15px;
}
.lead {
    font-size: 16px;
}
.sp-art li {
    margin-bottom: 3px;
}
.sp-art h3 {
    font-size: 22px;
}
}
@media(max-width:640px){.sp-hin{padding:24px 20px}.sp-body{padding:22px 18px 30px}.sp-pn{grid-template-columns:1fr}.sp-pn>a+a{border-left:0;border-top:1px solid rgba(15,15,26,.08)}.sp-hd{display:none}.sp-pn img{width:104px}.sp-tool.first{margin-left:0}.sp-score{top:18px;left:18px}
    .sp-wrap {
    padding: 0 15px;
}
.sp-hero h1 {
    font-size: 23px;
    font-weight: 700;
}
.lead {
    font-size: 16px!important;
}
.sp-art ul, .sp-art ol {
    padding: 0px!important;
}
.sp-art h3 {
    font-size: 19px;
}
.sp-art h2 {
    font: 700 clamp(19px,2.4vw,1.9rem)/1.25 'Sora',sans-serif;
}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp-tr{transition:none}}




#spToc a{
    color:#7c8099;
    display:block;
    transition:.3s ease;
}


#spToc a.active{

    color:#3d5a8c !important;
    font-weight:700;

}



/* TOC Accordion */

.sp-toc-toggle{
    display:none;
    width:100%;
    background:#fff;
    border:none;
    padding:16px 0;
    font-family:'Sora',sans-serif;
    font-size:17px;
    font-weight:600;
    color:#101828;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
}

.sp-toc-icon{
    font-size:22px;
    transition:.3s ease;
}

.sp-toc-content{
    display:block;
}


/* Tablet and below */

@media(max-width:980px){

    /*.sp-card{*/
    /*    display:block;*/
    /*}*/


    .sp-toc{
        position:relative;
        border-right:none;
        border-bottom:1px solid rgba(15,15,26,.08);
        padding:20px 24px;
    }


    .sp-toc-toggle{
        display:flex;
    }


    .sp-toc-content{
        display:none;
        padding-top:15px;
    }


    .sp-toc-content.sp-open{
        display:block;
    }


    .sp-toc-toggle.sp-active .sp-toc-icon{
        transform:rotate(45deg);
    }


    .sp-tocin{
        max-height:none;
    }

}