.blog-page{min-height:70vh;background:#f7f9fd;color:#10244d;font-family:Poppins,sans-serif}.blog-container{width:min(1220px,calc(100% - 40px));margin:auto}.blog-hero{padding:76px 0;background:linear-gradient(125deg,#09245e,#233cbd);color:#fff}.blog-hero span,.blog-tag{color:#1277d5;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.blog-hero span{color:#a8dcff}.blog-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:12px 0}.blog-hero p{margin:0;opacity:.85}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding-top:55px;padding-bottom:75px}.blog-list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.blog-list-head h2{margin:5px 0 0;font-size:1.9rem}.blog-list-head small{color:#1277d5;font-weight:700}.blog-list-head a,.blog-read{color:#0968c4;font-weight:700;text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.blog-card,.blog-side-card,.blog-detail{background:#fff;border-radius:15px;box-shadow:0 12px 32px #12275d12;overflow:hidden}.blog-card__image{display:block;aspect-ratio:5/3;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:24px}.blog-card h3{font-size:1.15rem;line-height:1.4;margin:12px 0}.blog-card h3 a{color:inherit;text-decoration:none}.blog-card p{font-size:.9rem;line-height:1.7}.blog-meta{color:#64728b;font-size:.8rem!important}.blog-sidebar{display:grid;align-content:start;gap:22px}.blog-side-card{padding:24px}.blog-side-card h2{font-size:1.2rem;margin:0 0 15px}.blog-side-card a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e8edf5;padding:12px 0;color:#183463;text-decoration:none;font-size:.9rem}.blog-side-card a.active,.blog-side-card a:hover{color:#0868c9}.blog-empty{grid-column:1/-1;background:#fff;padding:30px}.blog-detail-layout{padding-top:55px}.blog-detail__image{width:100%;max-height:490px;object-fit:cover}.blog-detail__body{padding:36px}.blog-detail__body .blog-tag{display:block;margin-top:28px}.blog-detail h1{font-size:clamp(1.6rem,3vw,1.4rem);line-height:1.55}.blog-rich-content{line-height:1.8;color:#293c5d;overflow-wrap:anywhere}.blog-rich-content img{max-width:100%;height:auto}.blog-rich-content a{color:#0968c4}@media(max-width:850px){.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}}

.frontend-pagination{align-items:center;border-top:1px solid #dfe6f0;display:flex;gap:24px;justify-content:space-between;margin-top:38px;padding-top:26px}.frontend-pagination__summary{color:#66758d;font-size:.82rem;margin:0}.frontend-pagination__links,.frontend-pagination__pages{align-items:center;display:flex;gap:8px}.frontend-pagination__control,.frontend-pagination__page{align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:8px;color:#17345f;display:inline-flex;font-size:.82rem;font-weight:700;height:40px;justify-content:center;min-width:40px;padding:0 13px;text-decoration:none;transition:.2s ease}.frontend-pagination__control:hover,.frontend-pagination__page:hover,.frontend-pagination__page.is-current{background:#0968c4;border-color:#0968c4;color:#fff}.frontend-pagination__page.is-current{pointer-events:none}.frontend-pagination__control.is-disabled{color:#9ba7b9;cursor:not-allowed;opacity:.7}.frontend-pagination__ellipsis{color:#728097;padding:0 3px}.frontend-pagination__control:focus-visible,.frontend-pagination__page:focus-visible{outline:3px solid #a8dcff;outline-offset:2px}

@media(max-width:650px){.frontend-pagination{align-items:stretch;flex-direction:column;gap:14px}.frontend-pagination__summary{text-align:center}.frontend-pagination__links{justify-content:space-between}.frontend-pagination__pages{display:none}.frontend-pagination__control{flex:1}.blog-list-head{align-items:flex-start;flex-direction:column;gap:12px}}

/* Blog detail */
.blog-detail-layout{align-items:start;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding-top:38px}
.blog-detail{border:1px solid #e6ebf3;border-radius:0;box-shadow:0 16px 42px rgba(14,38,79,.08);overflow:visible}
.blog-detail__image{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.blog-author-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e7ef;display:flex;justify-content:space-between;gap:20px;padding:14px 20px}
.blog-author{align-items:center;display:flex;gap:12px;min-width:0}
.blog-author__logo{align-items:center;background:#fff;border:1px solid #d9e2ee;border-radius:50%;display:flex;flex:0 0 52px;height:52px;justify-content:center;overflow:hidden;padding:5px}
.blog-author__logo img{height:auto;max-height:100%;max-width:100%;width:auto}
.blog-author strong,.blog-author small{display:block}
.blog-author strong{color:#0b4b8c;font-size:.86rem}
.blog-author small{color:#61718a;font-size:.73rem;margin-top:2px}
.preferred-source-button{align-items:center;background:#fff;border:1px solid #cfd6df;border-radius:7px;color:#111;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:10px;line-height:1.25;padding:8px 10px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.preferred-source-button:hover,.preferred-source-button:focus-visible{border-color:#1775d1;box-shadow:0 5px 18px rgba(19,93,167,.15);outline:0;transform:translateY(-1px)}
.preferred-source-button__google{background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 66%,#ea4335 0 82%,#4285f4 0);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.6rem;font-weight:800;line-height:1}
.preferred-source-button__check{align-items:center;background:#2b71db;border-radius:2px;color:#fff;display:flex;font-size:.7rem;height:15px;justify-content:center;margin-left:2px;width:15px}
.blog-detail__body{padding:22px 42px 50px 68px;position:relative}
.blog-detail__body .blog-tag{margin:0 0 8px}
.blog-detail h1{color:#092a57;font-size:clamp(1.65rem,2.3vw,2.25rem);line-height:1.28;margin:0 0 18px}
.blog-rich-content{color:#263d60;font-size:1rem;line-height:1.78}
.blog-rich-content p{margin:0 0 20px}
.blog-rich-content h2{color:#0a2d5b;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.35;margin:34px 0 10px}
.blog-rich-content h3{color:#123963;font-size:1.12rem;line-height:1.45;margin:26px 0 8px}
.blog-rich-content ul,.blog-rich-content ol{margin:0 0 22px;padding-left:24px}
.blog-rich-content li{margin-bottom:8px}
.blog-share{display:flex;flex-direction:column;gap:9px;left:13px;position:absolute;top:18px}
.blog-share>a,.blog-share>button{align-items:center;background:#fff;border:1px solid #8895a8;border-radius:50%;color:#15375f;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;width:40px}
.blog-share>a:hover,.blog-share>button:hover,.blog-share>button.is-copied{background:#0c66bd;border-color:#0c66bd;color:#fff;transform:translateY(-1px)}
.blog-share svg{fill:currentColor;height:20px;width:20px}
.blog-share__status{background:#0c2850;border-radius:4px;color:#fff;font-size:.68rem;left:47px;padding:4px 7px;position:absolute;top:147px;white-space:nowrap}
.blog-share__status:empty{display:none}
.blog-sidebar{position:sticky;top:105px}
.blog-side-card{border:1px solid #edf0f5;border-radius:15px;box-shadow:0 12px 32px rgba(18,39,93,.07);padding:26px}
.blog-side-card h2{color:#092a57;font-size:1.25rem;margin-bottom:14px}
.blog-side-card__heading{align-items:flex-start;display:flex;justify-content:space-between;gap:14px}.blog-side-card__heading small{color:#1277d5;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-side-card__heading h2{margin:3px 0 14px}.blog-side-card .blog-archive__clear{border:0;color:#60718d;font-size:.75rem;padding:2px 0}.blog-archive__year{border-top:1px solid #e8edf5}.blog-archive__year summary{align-items:center;color:#183463;cursor:pointer;display:flex;font-size:.92rem;font-weight:700;justify-content:space-between;list-style:none;padding:13px 0}.blog-archive__year summary::-webkit-details-marker{display:none}.blog-archive__year summary:before{content:'+';color:#1277d5;font-size:1.15rem;margin-right:9px}.blog-archive__year[open] summary:before{content:'−'}.blog-archive__year summary>span:first-of-type{margin-right:auto}.blog-archive__count{align-items:center;background:#eef6ff;border-radius:999px;color:#0968c4;display:inline-flex;font-size:.72rem;height:25px;justify-content:center;min-width:25px;padding:0 7px}.blog-archive__months{border-left:2px solid #e5effb;margin:0 0 10px 7px;padding-left:13px}.blog-side-card .blog-archive__months a{border:0;font-size:.84rem;padding:8px 9px}.blog-side-card .blog-archive__months a.active{background:#eef6ff;border-radius:8px;color:#075cae;font-weight:700}

@media(max-width:850px){
    .blog-detail-layout{grid-template-columns:1fr;padding-top:25px}
    .blog-sidebar{position:static}
}
@media(max-width:600px){
    .blog-container{width:min(100% - 24px,1220px)}
    .blog-author-bar{align-items:flex-start;flex-direction:column;padding:14px}
    .preferred-source-button{width:100%}
    .preferred-source-button__check{margin-left:auto}
    .blog-detail__body{padding:24px 18px 38px}
    .blog-share{flex-direction:row;left:auto;margin-bottom:20px;position:relative;top:auto}
    .blog-share__status{left:0;top:48px}
    .blog-detail h1{font-size:1.55rem}
    .blog-rich-content{font-size:.94rem}
}