/* shared block */
.nav-prof{position:relative;display:flex;align-items:center;padding-bottom:14px;margin-bottom:-14px}
.nav-prof>a{display:inline-flex;align-items:center}
.nav-prof-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(0);min-width:205px;padding:10px;background:#fff;border:1px solid #e3edf6;border-radius:16px;box-shadow:0 18px 45px rgba(8,47,93,.14);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1000}
.nav-prof:hover .nav-prof-menu,.nav-prof:focus-within .nav-prof-menu{opacity:1;visibility:visible;pointer-events:auto}
.nav-prof-menu a{display:block!important;padding:11px 13px;border-radius:10px;color:#082f5d!important;text-decoration:none;white-space:nowrap;transform:none!important}
.nav-prof-menu a:hover{background:#f1f8ff;color:#103adf!important}
.nav-prof-menu .soon{display:block;padding:9px 13px;color:#9aabc0;font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:980px){.nav-prof{display:none}}
/* shared block */
.nav-logo{width:190px!important;max-height:64px!important;object-fit:contain!important}.footer-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.footer-logo{width:100%!important;max-width:350px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;margin:0 0 22px!important;display:block!important}@media(max-width:980px){.nav-logo{width:150px!important;max-height:52px!important}.footer-logo{width:min(340px,90vw)!important;max-width:100%!important}}@media(max-width:640px){.nav-logo{width:142px!important}.footer-logo{width:min(320px,86vw)!important;max-width:100%!important}}
/* shared block */
body{background:#fff}.blog-hero{position:relative;padding:86px 24px 72px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f5fbff 62%,#eef7ff 100%)}.blog-hero .wrap,.blog-section .wrap,.article-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.blog-hero .wrap{position:relative;z-index:2}.blog-kicker{color:#10bfae;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin:0 0 18px}.blog-title,.blog-h2{font-weight:900;letter-spacing:-.055em;color:#082f5d;margin:0;line-height:.98}.blog-title{font-size:clamp(50px,6vw,82px)}.blog-h2{font-size:clamp(38px,4.4vw,60px)}.blog-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#3e6385;max-width:820px}.blog-orb{position:absolute;border-radius:50%;pointer-events:none}.bo1{width:230px;height:230px;right:9%;top:-55px;background:rgba(16,199,178,.14)}.bo2{width:120px;height:120px;right:27%;bottom:-40px;background:rgba(122,46,232,.12)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.filter{cursor:pointer;padding:12px 17px;border:1px solid #dce9f4;border-radius:999px;background:#fff;color:#082f5d;font-weight:800;font-size:14px}.filter.active{background:#082f5d;color:#fff}.blog-section{padding:72px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head p{margin:0;max-width:480px;color:#58728c;line-height:1.5}.featured{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.feature-card,.mini-card,.article-card{position:relative;border:1px solid #e2edf6;border-radius:28px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 18px 55px rgba(8,47,93,.07);transition:.25s}.feature-card:hover,.mini-card:hover,.article-card:hover{transform:translateY(-5px)}.feature-card{min-height:430px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#08335f 0%,#104fcf 72%,#14a9d6 100%);color:#fff}.feature-card h2{font-size:clamp(34px,3.6vw,52px);line-height:1;letter-spacing:-.045em;margin:12px 0 15px}.feature-card p{font-size:18px;line-height:1.5;max-width:650px;margin:0;color:rgba(255,255,255,.86)}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.read{margin-top:24px;font-weight:900}.mini-stack{display:grid;grid-template-rows:1fr 1fr;gap:22px}.mini-card{padding:30px;min-height:204px}.mini-card.teal{background:linear-gradient(145deg,#effcf9,#fff)}.mini-card.purple{background:linear-gradient(145deg,#f6f0ff,#fff)}.mini-card h3,.article-card h3{font-size:25px;line-height:1.08;letter-spacing:-.03em;color:#082f5d;margin:12px 0 10px}.mini-card p,.article-card p{margin:0;color:#58728c;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{padding:28px;min-height:320px;display:flex;flex-direction:column}.article-card .read{margin-top:auto;color:#104fcf}.dot{width:44px;height:44px;border-radius:50%;margin-bottom:8px}.teal-dot{background:#10c7b2}.blue-dot{background:#1249e8}.purple-dot{background:#7a2ee8}.orange-dot{background:#ff7200}.article-card[hidden]{display:none}.article-hero{padding:72px 24px 54px;background:linear-gradient(135deg,#fff,#f4faff)}.article-wrap{max-width:900px}.crumb{font-size:13px;font-weight:800;color:#0e62c9;text-decoration:none}.article-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1;letter-spacing:-.05em;color:#082f5d;margin:22px 0}.article-hero .intro{font-size:21px;line-height:1.55;color:#456787}.article-meta{font-size:13px;color:#71869b;margin-top:22px}.article-body{padding:58px 24px 78px}.article-body h2{font-size:32px;letter-spacing:-.035em;color:#082f5d;margin:44px 0 14px}.article-body p,.article-body li{font-size:18px;line-height:1.72;color:#365b7d}.article-body .note{padding:22px 24px;border-radius:18px;background:#effaf8;border-left:5px solid #10c7b2;margin:30px 0}.sources{margin-top:52px;padding-top:28px;border-top:1px solid #e3edf6}.sources a{color:#0e62c9}.related{margin-top:42px;padding:26px;border-radius:22px;background:#f5f9fd}.related a{font-weight:900;color:#104fcf;text-decoration:none}@media(max-width:900px){.featured{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.grid{grid-template-columns:1fr}.blog-hero .wrap,.blog-section .wrap,.article-wrap{width:min(100% - 36px,1180px)}.feature-card{padding:30px;min-height:390px}}
/* shared block */
.article-body h3{color:#0b3766;font-size:24px;line-height:1.2;margin:34px 0 10px}.article-body ul{color:#31577d;font-size:17px;line-height:1.7;padding-left:24px}.article-body li{margin:8px 0}
/* shared block */
:root{--article-accent:#174ee8;--article-soft:#eef5ff}
.article-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#eef8ff 55%,#e9fbf8 100%);border-bottom:1px solid #dceaf6}
.article-hero:before,.article-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.article-hero:before{width:330px;height:330px;right:8%;top:-110px;background:linear-gradient(135deg,rgba(23,78,232,.16),rgba(18,198,177,.18));animation:floatOrb 8s ease-in-out infinite}.article-hero:after{width:150px;height:150px;right:28%;bottom:-70px;background:rgba(111,53,238,.10);animation:floatOrb 10s ease-in-out infinite reverse}@keyframes floatOrb{50%{transform:translateY(18px) translateX(-10px)}}
.article-hero .article-wrap{position:relative;z-index:1;padding-top:64px;padding-bottom:58px}.article-hero h1{max-width:900px}.article-hero .intro{max-width:760px;font-size:19px;line-height:1.55}.article-meta{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce8f4;box-shadow:0 8px 22px rgba(8,47,93,.06)}
.read-progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,#174ee8,#12c6b1,#ff7a00);z-index:99999;transition:width .08s linear}
.article-shell{width:min(1180px,calc(100% - 44px));margin:0 auto;display:grid;grid-template-columns:250px minmax(0,760px);gap:54px;align-items:start}.article-body>.article-wrap{width:auto!important;max-width:none!important;margin:0!important}.article-body{padding:58px 0 72px}.article-toc{position:sticky;top:105px;border:1px solid #dce9f4;border-radius:22px;background:#fff;padding:20px;box-shadow:0 16px 40px rgba(8,47,93,.07)}.article-toc b{display:block;color:#083665;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.article-toc a{display:block;color:#55738f;text-decoration:none;font-size:13px;line-height:1.35;padding:8px 9px;border-radius:10px;transition:.2s}.article-toc a:hover,.article-toc a.active{background:#eef5ff;color:#174ee8;transform:translateX(3px)}.toc-back{margin-top:12px!important;border-top:1px solid #e8f0f7;padding-top:14px!important;font-weight:800;color:#174ee8!important}
.article-body h2{scroll-margin-top:110px;margin-top:48px;padding-top:4px;font-size:30px;line-height:1.16;color:#083665}.article-body h2:after{content:"";display:block;width:58px;height:4px;border-radius:4px;background:linear-gradient(90deg,#174ee8,#12c6b1);margin-top:12px}.article-body h3{border-left:4px solid #12b9aa;padding:4px 0 4px 15px}.article-body p{font-size:17px;line-height:1.75;color:#31577d}.article-body ul{background:#f8fbff;border:1px solid #e0ecf6;border-radius:18px;padding:20px 24px 20px 44px}.note{margin:34px 0!important;border:0!important;border-left:5px solid #12b9aa!important;border-radius:18px!important;background:linear-gradient(135deg,#ecfbf8,#f7fffd)!important;padding:22px 24px!important;box-shadow:0 12px 30px rgba(18,185,170,.08)}.related{margin:30px 0!important;border-radius:20px!important;background:linear-gradient(135deg,#eef4ff,#f7f9ff)!important;border:1px solid #d9e6ff!important;padding:22px 24px!important}.related a{font-weight:800}.sources{margin-top:52px!important;padding:28px!important;border-radius:22px;background:#f8fafc;border:1px solid #e4edf4}.sources h2{margin-top:0!important;font-size:24px}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:42px 0 8px}.article-nav a{display:block;padding:18px 20px;border:1px solid #dce8f4;border-radius:18px;text-decoration:none;background:#fff;color:#083665;font-weight:800;transition:.2s;box-shadow:0 10px 24px rgba(8,47,93,.05)}.article-nav a:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(8,47,93,.10);border-color:#9cc3ff}.article-nav .next{text-align:right}.article-mini-cta{margin:42px 0;padding:26px;border-radius:24px;background:linear-gradient(135deg,#0b3769,#145ed0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 42px rgba(8,47,93,.16)}.article-mini-cta strong{font-size:21px;display:block;margin-bottom:5px}.article-mini-cta span{opacity:.85}.article-mini-cta a{flex:0 0 auto;background:#fff;color:#0b4ba0;text-decoration:none;font-weight:900;padding:13px 17px;border-radius:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){.article-shell{grid-template-columns:1fr;width:min(760px,calc(100% - 36px))}.article-toc{position:relative;top:auto}.article-hero .article-wrap{padding-top:42px;padding-bottom:42px}.article-mini-cta{align-items:flex-start;flex-direction:column}.article-nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.article-hero:before,.article-hero:after{animation:none}.reveal{opacity:1;transform:none;transition:none}}
/* shared block */
/* V42 — compact article hero, visually continuous with the library cards */
.article-hero{--hero1:#174ee8;--hero2:#249ce8;position:relative;overflow:hidden;padding:0 24px!important;background:linear-gradient(135deg,var(--hero1) 0%,var(--hero2) 100%)!important;border-bottom:0!important;color:#fff}
.article-hero.hero-blue{--hero1:#174ee8;--hero2:#249ce8}.article-hero.hero-purple{--hero1:#6f2bea;--hero2:#9b45ef}.article-hero.hero-teal{--hero1:#08aa9e;--hero2:#22c7b5}.article-hero.hero-orange{--hero1:#ff6d3d;--hero2:#ff9349}.article-hero.hero-cyan{--hero1:#078bb7;--hero2:#22b7cb}
.article-hero:before{width:210px!important;height:210px!important;right:9%!important;top:-72px!important;background:rgba(255,255,255,.13)!important;border:4px solid rgba(255,255,255,.08);animation:floatOrb 8s ease-in-out infinite!important}.article-hero:after{content:"+"!important;width:auto!important;height:auto!important;right:10.2%!important;bottom:22px!important;background:none!important;border-radius:0!important;color:rgba(255,255,255,.22)!important;font:900 72px/1 Arial,sans-serif;animation:floatOrb 10s ease-in-out infinite reverse!important}
.article-hero .article-wrap{padding-top:34px!important;padding-bottom:36px!important;max-width:1000px!important}.article-hero .crumb{color:rgba(255,255,255,.92)!important}.article-hero .blog-kicker{color:#fff!important;margin-top:18px!important;margin-bottom:10px!important}.article-hero .blog-kicker:before{content:attr(data-label);display:inline-block;margin-right:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;letter-spacing:.08em;vertical-align:1px}.article-hero h1{max-width:900px!important;font-size:clamp(34px,4.1vw,54px)!important;line-height:1.01!important;letter-spacing:-.045em!important;color:#fff!important;margin:12px 0 12px!important}.article-hero .intro{max-width:760px!important;font-size:17px!important;line-height:1.45!important;color:rgba(255,255,255,.88)!important;margin:0!important}.article-hero .article-meta{margin-top:18px!important;color:#fff!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important;backdrop-filter:blur(4px)}
@media(max-width:920px){.article-hero .article-wrap{padding-top:28px!important;padding-bottom:30px!important}.article-hero h1{font-size:clamp(32px,8vw,46px)!important}.article-hero:before{width:150px!important;height:150px!important;right:-25px!important;top:-45px!important}.article-hero:after{right:18px!important;font-size:54px!important}.article-hero .intro{font-size:16px!important}}
@media(max-width:560px){.article-hero{padding:0 18px!important}.article-hero .article-wrap{width:100%!important}.article-hero h1{font-size:34px!important}.article-hero .blog-kicker:before{display:block;width:max-content;margin:0 0 8px 0}.article-hero .article-meta{font-size:12px!important}}
