.blog-page{background:#fff;color:#0b304e}
.blog-page .site-header{background:#062b48;margin-bottom:0}
.blog-page .site-header.is-scrolled{background:#062b48}
.blog-page .header-actions .btn,.blog-page .blog-bottom-cta .btn{background:#0079ad;border-color:#0079ad;color:#fff}
.blog-page .header-actions .btn:hover,.blog-page .blog-bottom-cta .btn:hover{background:#00638f;border-color:#00638f}
.blog-breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#557385;font-size:.76rem;line-height:1.5}
.blog-breadcrumbs a:hover{color:#0079ad;text-decoration:underline}
.blog-breadcrumbs span[aria-current]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:370px}
.blog-archive-hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse 50% 38% at 50% 100%,rgba(49,190,230,.19),transparent 75%),linear-gradient(150deg,#fff 30%,#f0f9fc 100%);padding:34px 0 68px}
.blog-archive-hero:before{content:"";position:absolute;width:310px;height:310px;top:50px;right:-180px;border:1px solid #c7e8f4;border-radius:50%;box-shadow:0 0 0 100px rgba(230,248,254,.28),0 0 0 200px rgba(230,248,254,.18)}
.blog-archive-hero .shell{position:relative}
.blog-archive-hero .blog-breadcrumbs{text-align:left;margin-bottom:64px}
.blog-archive-hero h1{font-size:clamp(3.8rem,6.9vw,7.2rem);font-weight:800;letter-spacing:-.075em;line-height:1.02;margin:0 auto 22px;max-width:1150px}
.blog-archive-lede{font-size:clamp(1.03rem,1.45vw,1.32rem);color:#4f6978;line-height:1.6;max-width:680px;margin:0 auto 22px}
.blog-author-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;background:#fff;border:1px solid #dceaf0;border-radius:999px;color:#466575;font-size:.82rem;box-shadow:0 7px 22px rgba(6,61,91,.04)}
.blog-author-chip strong{color:#11394f}
.author-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b729e;color:#fff;font:800 .7rem/1 Manrope,Arial,sans-serif;letter-spacing:.04em}
.blog-search{display:flex;align-items:center;gap:14px;width:min(100%,560px);margin:31px auto 0;padding:0 19px;min-height:59px;background:#fff;border:1px solid #d5e7ef;border-radius:6px;box-shadow:0 12px 32px rgba(4,66,95,.08)}
.blog-search svg{width:21px;height:21px;fill:none;stroke:#54788b;stroke-width:1.9;stroke-linecap:round}
.blog-search:focus-within{outline:2px solid #20baef;outline-offset:2px}
.blog-search input{outline:none;border:0;width:100%;min-width:0;background:transparent;color:#082f49}
.blog-search input:focus-visible{outline:none}
.blog-listing{padding-top:27px;padding-bottom:105px}
.blog-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 29px}
.blog-filters button{border:1px solid #d5e4eb;border-radius:999px;background:#fff;color:#315066;padding:9px 17px;font-size:.78rem;font-weight:700;transition:.2s ease}
.blog-filters button span{display:inline-grid;place-items:center;margin-left:6px;padding:0 7px;border-radius:99px;background:#edf6fa;font-size:.69rem;min-width:23px;height:22px}
.blog-filters button:hover{border-color:#0b9bc3;color:#006b93}
.blog-filters button.is-active{background:#062b48;border-color:#062b48;color:#fff}
.blog-filters button.is-active span{background:#205474;color:#fff}
.blog-feature{display:grid;grid-template-columns:53% 47%;min-height:430px;background:#edf7fb;border-radius:15px;overflow:hidden}
.blog-feature-image{display:block;min-height:430px;overflow:hidden}
.blog-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-feature:hover img,.blog-card:hover img{transform:scale(1.035)}
.blog-feature-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,5vw,78px)}
.blog-tag{display:inline-flex;align-items:center;border-radius:999px;background:#d7eef6;color:#046888;padding:7px 11px;font:800 .65rem/1.2 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.blog-feature h3{font-size:clamp(2rem,3.05vw,3.35rem);margin:18px 0 16px;line-height:1.1;letter-spacing:-.055em}
.blog-feature h3 a:hover,.blog-card h3 a:hover{color:#007cad}
.blog-feature p,.blog-card p{color:#4b6878;line-height:1.65;margin:0}
.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:32px;width:100%;font-size:.77rem;color:#66808d}
.blog-card-bottom a{font-weight:800;color:#007ca5;white-space:nowrap}
.blog-card-bottom a:hover{text-decoration:underline}
.blog-pathways{padding:70px 0 72px}
.blog-section-intro h2{font-size:clamp(2.1rem,3.4vw,3.65rem);margin-bottom:9px}
.blog-section-intro p:not(.eyebrow){color:#5c7481;font-size:.92rem}
.blog-pathways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}
.blog-pathways-grid a{display:flex;flex-direction:column;min-height:190px;padding:24px;border:1px solid #dceaf0;border-radius:9px;background:#fff;transition:box-shadow .2s,transform .2s}
.blog-pathways-grid a:hover{box-shadow:0 16px 32px rgba(6,65,92,.1);transform:translateY(-3px)}
.blog-pathways-grid span{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#0a88ad}
.blog-pathways-grid strong{font:800 1.04rem/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:16px 0 auto}
.blog-pathways-grid em{font-style:normal;font-size:.76rem;font-weight:800;color:#0084ac;margin-top:23px}
.blog-all-heading{margin-bottom:26px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.blog-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfebf0;border-radius:10px;transition:box-shadow .24s,transform .24s}
.blog-card:hover{box-shadow:0 16px 30px rgba(4,49,71,.1);transform:translateY(-3px)}
.blog-card-image{display:block;height:225px;overflow:hidden;background:#e9f5f9}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:23px 23px 22px}
.blog-card h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.04em;margin:16px 0 12px}
.blog-card p{font-size:.84rem}
.blog-card .blog-card-bottom{margin-top:auto;padding-top:25px;font-size:.7rem}
.blog-card[hidden],.blog-feature[hidden],.blog-pathways[hidden],.blog-all-heading[hidden]{display:none}
.blog-empty{padding:42px 20px;border:1px dashed #b6d7e5;text-align:center;color:#527081}
.blog-bottom-cta{background:#062b48;color:#fff;padding:72px 0}
.blog-bottom-cta .shell{display:flex;justify-content:space-between;align-items:center;gap:40px}
.blog-bottom-cta h2{font-size:clamp(2.25rem,3.9vw,4rem);margin-bottom:14px}
.blog-bottom-cta p:not(.eyebrow){color:#c8e0ed;margin:0;max-width:640px;line-height:1.65}
.blog-bottom-cta .btn{flex:none}

.article-header{padding-top:34px}
.article-header-copy{max-width:970px;margin:59px auto 48px}
.article-header h1{font-size:clamp(2.8rem,5.4vw,5.45rem);letter-spacing:-.067em;line-height:1.07;margin:21px 0}
.article-deck{font-size:clamp(1.13rem,1.6vw,1.45rem);line-height:1.58;color:#516e7f;max-width:830px;margin-bottom:27px}
.article-byline{display:flex;align-items:center;gap:11px}
.article-byline .author-avatar{width:43px;height:43px}
.article-byline strong,.article-byline div>span{display:block}
.article-byline strong{font-size:.83rem}
.article-byline div>span{color:#668190;font-size:.76rem;margin-top:1px}
.article-media{height:min(39vw,520px);min-height:340px;overflow:hidden;border-radius:12px}
.article-media img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,300px);justify-content:space-between;gap:clamp(38px,6vw,105px);padding-top:60px;padding-bottom:86px}
.article-main{min-width:0}
.article-summary{background:#eef8fc;border-left:4px solid #20baef;border-radius:0 8px 8px 0;padding:27px 32px 22px;margin-bottom:35px}
.article-summary .eyebrow{display:block;margin-bottom:8px}
.article-summary p{font:700 1.08rem/1.6 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0}
.article-date-note{border:1px solid #d5e8ef;border-radius:6px;background:#fafcfd;color:#4b6676;padding:13px 17px;font-size:.78rem;line-height:1.55;margin:0 0 28px}
.article-body{font-size:1.02rem;line-height:1.83;color:#315164}
.article-body h2{font-size:clamp(1.68rem,2.35vw,2.38rem);color:#0b304e;line-height:1.23;letter-spacing:-.045em;margin:50px 0 17px;scroll-margin-top:115px}
.article-body h3{font-size:1.3rem;line-height:1.3;margin:31px 0 12px;scroll-margin-top:115px}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0 0 20px}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 24px}
.article-body li{padding-left:5px;margin:7px 0}
.article-body a:not(.article-action-link){color:#007ea8;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#005a7b}
.article-body strong{color:#123e58}
.article-inline-image{margin:30px 0}
.article-inline-image img{width:100%;max-height:460px;object-fit:cover;border-radius:8px}
.article-inline-cta{margin:27px 0 34px;padding:26px 30px;background:#062b48;color:#fff;border-radius:8px}
.article-inline-cta h3{font-size:1.5rem;margin:0 0 8px;color:#fff}
.article-inline-cta p:not(.eyebrow){font-size:.91rem;color:#d4e8f1;line-height:1.6;margin-bottom:15px}
.article-inline-cta a{font-weight:800;color:#73dbf7}
.article-action-link{display:inline-flex;padding:12px 16px;background:#e5f6fc;border:1px solid #9edcec;border-radius:4px;color:#005e85;font-weight:800;line-height:1.4}
.article-table-wrap{overflow-x:auto;margin:25px 0}
.article-body table{border-collapse:collapse;min-width:500px;width:100%;font-size:.9rem}
.article-body th,.article-body td{padding:12px 14px;border:1px solid #cde2eb;text-align:left}
.article-body th{background:#edf8fc}
.article-sidebar{align-self:start;position:sticky;top:110px}
.article-toc{border-left:1px solid #d5e6ee;padding-left:19px}
.article-toc p{font:800 .73rem/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#0b304e;margin-bottom:15px}
.article-toc a{display:block;font-size:.76rem;line-height:1.45;color:#526d7c;padding:6px 0}
.article-toc a:hover,.article-toc a.is-current{color:#007ca5}
.article-side-cta{margin-top:30px;background:#e9f7fc;border-radius:8px;padding:23px}
.article-side-cta span,.article-side-cta strong,.article-side-cta a{display:block}
.article-side-cta span{font-size:.73rem;color:#457284;margin-bottom:7px}
.article-side-cta strong{font:800 1.13rem/1.3 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin-bottom:21px}
.article-side-cta a{font-size:.75rem;font-weight:800;color:#007da8}
.article-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:26px 0;border-top:1px solid #d9e9ef;border-bottom:1px solid #d9e9ef;margin-top:54px;font-size:.78rem}
.article-share strong{font-size:.82rem;margin-right:8px}
.article-share a,.article-share button{border:0;background:none;padding:0;color:#007fa5;font-weight:800}
.article-share button:hover,.article-share a:hover{text-decoration:underline}
.article-author{display:flex;gap:21px;background:#f2f9fc;border-radius:9px;padding:28px;margin-top:35px}
.article-author .author-avatar{width:56px;height:56px;font-size:1rem}
.article-author .eyebrow{font-size:.66rem;margin-bottom:6px}
.article-author h2{font-size:1.42rem;margin-bottom:10px}
.article-author p:not(.eyebrow){color:#4c6979;font-size:.86rem;line-height:1.65}
.article-author a{font-size:.77rem;font-weight:800;color:#007fa5}
.article-related{background:#f3f9fc;padding:70px 0 84px}
.article-related .blog-grid{margin:28px 0}
.article-back{display:inline-block;color:#007fa5;font-weight:800;font-size:.81rem;margin-top:3px}

@media(max-width:1100px){
  .blog-feature{grid-template-columns:50% 50%}
  .blog-feature-body{padding:38px}
  .blog-grid{gap:15px}
  .article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:35px}
}
@media(max-width:850px){
  .blog-feature{grid-template-columns:1fr}
  .blog-feature-image{height:340px;min-height:0}
  .blog-feature-body{padding:34px}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-pathways-grid{grid-template-columns:1fr 1fr}
  .article-sidebar{display:none}
  .article-layout{display:block}
}
@media(max-width:680px){
  .blog-page .shell{width:min(calc(100% - 36px),var(--shell))}
  .blog-archive-hero{padding:22px 0 46px}
  .blog-archive-hero .blog-breadcrumbs{margin-bottom:51px}
  .blog-archive-hero h1{font-size:clamp(3rem,10.5vw,4.8rem)}
  .blog-archive-lede{font-size:1rem}
  .blog-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px;margin-right:-18px}
  .blog-filters button{white-space:nowrap;flex:none}
  .blog-listing{padding-bottom:65px}
  .blog-feature-image{height:260px}
  .blog-feature-body{padding:28px 23px 30px}
  .blog-feature h3{font-size:2.05rem}
  .blog-pathways{padding:58px 0}
  .blog-pathways-grid,.blog-grid{grid-template-columns:1fr}
  .blog-pathways-grid a{min-height:150px}
  .blog-card-image{height:240px}
  .blog-bottom-cta{padding:53px 0}
  .blog-bottom-cta .shell{display:block}
  .blog-bottom-cta .btn{margin-top:25px}
  .article-header{padding-top:20px}
  .article-header-copy{margin:42px 0 32px}
  .article-header h1{font-size:clamp(2.55rem,9vw,4.15rem)}
  .article-media{height:260px;min-height:0;border-radius:0}
  .article-layout{padding-top:38px;padding-bottom:62px}
  .article-summary{padding:22px 21px}
  .article-body{font-size:.97rem;line-height:1.75}
  .article-body h2{margin-top:39px}
  .article-related{padding:58px 0}
}
@media(max-width:420px){
  .blog-card-bottom{gap:8px}
  .article-author{padding:21px;gap:13px}
  .article-author .author-avatar{width:43px;height:43px}
}
