*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f5f8fe,#fffbf3 75%,#f5f8ff);color:#182f53;font:16px/1.85 Tahoma,'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}a{color:inherit}.blog-wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto;min-width:0}.blog-topbar{background:#0a1c3d;color:#fff;border-bottom:3px solid #e7b24a}.blog-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:79px;padding-block:10px}.blog-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.14rem;font-weight:900}.blog-brand img{width:47px;height:47px;background:#fff;object-fit:contain;border-radius:12px}.blog-top-actions{display:flex;gap:9px;align-items:center}.blog-top-actions a{font-weight:850;font-size:.85rem;text-decoration:none;padding:9px 14px;border-radius:999px;background:#1cba61;color:#fff}.blog-top-actions a:last-child{background:#f6b641;color:#172b4a}.blog-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#657b9b;font-size:.85rem;margin:27px 0 18px}.blog-crumbs a{color:#315b9c;text-decoration:none}.blog-hero{position:relative;background:linear-gradient(125deg,#0b1c3e,#12346f 70%,#1e59bf);padding:clamp(25px,5vw,54px);border-radius:28px;color:#fff;overflow:hidden;box-shadow:0 22px 48px rgba(13,35,81,.17)}.blog-hero:after{content:"";position:absolute;right:-90px;top:-130px;width:410px;height:410px;border-radius:50%;background:#ffffff09}.blog-hero>*{position:relative;z-index:1}.blog-kicker{color:#ffcd6a;font-weight:900;font-size:.77rem;letter-spacing:.12em}.blog-hero h1{font-size:clamp(1.9rem,4.3vw,3.65rem);line-height:1.26;max-width:970px;color:#fff;margin:14px 0 12px;letter-spacing:-.03em}.blog-hero p{max-width:830px;color:#deebff;font-size:1.02rem;margin:0}.blog-date{margin-top:20px;color:#ffd88b;font-size:.88rem;font-weight:750}.blog-cover{width:100%;display:block;aspect-ratio:2/1;object-fit:cover;border-radius:25px;border:7px solid #fff;box-shadow:0 23px 48px #0a2d6528;margin:23px auto 0}.blog-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(250px,.72fr);gap:22px;align-items:start;margin:27px auto 72px}.blog-prose,.blog-aside{min-width:0;background:#fff;border:1px solid #e3e9f2;border-radius:24px;box-shadow:0 18px 41px #0d2c6012;padding:clamp(23px,3.8vw,43px)}.blog-prose .blog-lead{padding:18px 22px;background:#fff9e9;border-left:4px solid #e6af42;border-radius:0 14px 14px 0;color:#264366;margin-top:0;font-size:1.06rem}.blog-content h2{font-size:clamp(1.28rem,2vw,1.65rem);line-height:1.38;color:#102f65;margin:35px 0 13px;padding-left:16px;border-left:4px solid #e9b444}.blog-content h3{font-size:1.14rem;color:#173b76;margin:23px 0 9px}.blog-content p,.blog-content li{line-height:1.95;color:#344d6d}.blog-content p{margin:15px 0}.blog-content ul,.blog-content ol{padding-left:24px}.blog-content a{color:#1b57a8;text-underline-offset:4px}.blog-content img{max-width:100%;height:auto;display:block;border-radius:14px}.blog-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.blog-content td,.blog-content th{border:1px solid #dce5f0;padding:10px}.blog-support-image{margin:28px 0 8px}.blog-support-image img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:18px}.blog-support-image figcaption{font-size:.79rem;color:#6a7e99;margin-top:8px}.blog-share{margin-top:31px;padding-top:18px;border-top:1px solid #e6edf5;display:flex;flex-wrap:wrap;gap:11px;align-items:center}.blog-share a{padding:10px 16px;border-radius:10px;border:1px solid #d7e4f3;background:#f2f7fe;text-decoration:none;color:#1a477f;font-size:.83rem;font-weight:850}.blog-sidebar-top{background:linear-gradient(135deg,#102a61,#2057ba);border-radius:18px;color:#fff;padding:23px;margin:-16px -16px 22px}.blog-sidebar-top strong{display:block;font-size:1.2rem}.blog-sidebar-top p{margin:8px 0 16px;font-size:.9rem;color:#d9e6f9}.blog-sidebar-top a{display:block;text-align:center;padding:10px 12px;margin:8px 0;background:#1ec56c;color:#fff;text-decoration:none;border-radius:11px;font-weight:900}.blog-sidebar-top a:last-child{background:#ffb846;color:#132b54}.blog-aside h3{margin:20px 0 10px;color:#19325a;font-size:1.05rem}.blog-aside ul{margin:0;padding-left:23px;font-size:.89rem;color:#5a6b86;line-height:1.9}.blog-aside .related{display:block;text-decoration:none;color:#204b93;border-bottom:1px solid #e1e9f4;padding:12px 0;font-size:.87rem;font-weight:800}.blog-list-header{padding:46px 0 18px}.blog-list-header h1{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.3;color:#142d5a}.blog-list-header p{color:#64768d;max-width:750px}.blog-empty{padding:60px 0;color:#6c7f9a}
@media(max-width:850px){.blog-layout{grid-template-columns:1fr}.blog-aside{padding:23px}.blog-sidebar-top{margin:0}.blog-top-inner{min-height:65px}}
@media(max-width:540px){.blog-top-inner{align-items:flex-start;flex-direction:column}.blog-top-actions{width:100%}.blog-top-actions a{flex:1;text-align:center}.blog-hero{border-radius:19px}.blog-cover{border-width:4px;border-radius:16px}.blog-prose{padding:19px;border-radius:18px}.blog-crumbs{margin:16px 0}.blog-hero h1{font-size:1.79rem}.blog-share a{flex:1;text-align:center}.blog-layout{margin-bottom:45px}}

/* v4.5: natural contextual keyword references inside article prose. */
.blog-content .blog-keyword-context{margin:20px 0;color:#344d6d;line-height:1.95;font-size:1rem}
.blog-content .blog-keyword-self{color:#14559d;text-decoration:underline;text-decoration-color:#a6c3e4;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.blog-content .blog-keyword-self strong{font-weight:900;color:inherit}
.blog-content .blog-keyword-self:hover{color:#9d6019;text-decoration-color:#c99650}
.blog-content .blog-keyword-self:focus-visible{outline:2px solid #c99737;outline-offset:3px;border-radius:2px}
/* The shared service-article share widget is reused, scaled to the blog column. */
.blog-share-shell{margin-top:30px;min-width:0}
.blog-share-shell .article-share{margin:0}
@media(max-width:375px){.blog-share-shell .article-share{padding:16px 13px;border-radius:17px}.blog-share-shell .article-share-platform{white-space:normal;min-height:44px}}

/* Correct the old fixed HTML height attribute on mobile. Preserve 2:1 without distortion. */
.blog-cover{height:auto;max-height:none}
