.blog-page{background:#f5f7fb;color:#172c48}
.blog-page .site-header{background:#fff;border-bottom:1px solid #e1e7f0}
.blog-page .header-inner{min-height:76px}
.blog-page .blog-nav{display:flex;align-items:center;gap:26px;font-size:14px}
.blog-page .blog-nav a{color:#526176;font-weight:600}
.blog-page .blog-nav a[aria-current],.blog-page .blog-nav a:hover{color:#2455f5}
.blog-page .blog-nav .nav-plan{padding:10px 15px;background:#2455f5;color:#fff;border-radius:5px}
.blog-page .blog-nav .nav-plan:hover{background:#173fc9;color:#fff}
.blog-hero{background:#2455f5;color:#fff;padding:74px 0 80px;overflow:hidden}
.blog-hero .eyebrow,.article-kicker{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.blog-hero h1{font-size:clamp(38px,5.1vw,68px);max-width:820px;margin:15px 0 20px}
.blog-hero p{font-size:19px;max-width:630px;line-height:1.6;color:#e9efff}
.blog-list{padding:70px 0 90px}
.blog-list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.blog-list-heading h2{font-size:30px}
.blog-list-heading p{color:#526176;font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 8px 30px #172c4808;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #172c4818}
.blog-card img{width:100%;height:220px;object-fit:cover}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.blog-card .article-kicker{color:#2455f5}
.blog-card h3{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:12px 0}
.blog-card p{color:#526176;font-size:15px;line-height:1.65}
.blog-card .read-more{color:#1d47d3;font-weight:700;margin-top:auto;padding-top:24px;font-size:14px}
.article-hero{background:#2455f5;color:#fff;padding:68px 0 58px}
.article-hero .container{max-width:920px}
.article-hero .article-kicker{color:#e2eaff}
.article-hero h1{font-size:clamp(36px,4.6vw,60px);max-width:900px;margin:16px 0 18px;line-height:1.1}
.article-hero p{font-size:19px;color:#e9efff;max-width:780px;line-height:1.55}
.article-meta{margin-top:26px;color:#d5e0ff;font-size:13px}
.article-cover{width:100%;height:auto;max-height:440px;aspect-ratio:2.2;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,740px) 220px;gap:80px;align-items:start;padding:62px 0 76px}
.article-content{font-size:17px;line-height:1.82;color:#31435a}
.article-content .lead{font-size:20px;line-height:1.65;color:#172c48}
.article-content h2{font-size:29px;line-height:1.3;letter-spacing:-.025em;color:#172c48;margin:39px 0 15px}
.article-content h3{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.35;color:#172c48;margin:28px 0 12px}
.article-content p+p{margin-top:16px}
.article-content ul,.article-content ol{padding-left:24px;margin:16px 0}
.article-content li{padding-left:3px;margin:8px 0}
.article-content a{color:#1d47d3;text-decoration:underline;text-underline-offset:3px}
.article-content .callout{border-left:4px solid #2455f5;background:#eaf0ff;padding:20px 23px;margin:29px 0;border-radius:0 6px 6px 0;color:#172c48}
.article-content .callout p{margin:0}
.article-aside{position:sticky;top:30px;padding:20px;background:#fff;border:1px solid #dbe3ef;border-radius:7px}
.article-aside strong{font-size:13px;color:#172c48;text-transform:uppercase;letter-spacing:.08em}
.article-aside a{display:block;color:#1d47d3;font-size:14px;line-height:1.5;margin-top:15px}
.related{border-top:1px solid #dbe3ef;padding:53px 0 70px}
.related h2{font-size:29px;margin-bottom:23px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.related-card{display:block;background:#fff;border:1px solid #dbe3ef;border-radius:7px;padding:23px}
.related-card small{color:#2455f5;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.related-card strong{display:block;font:700 20px/1.3 Manrope,Arial,sans-serif;margin-top:10px}
.blog-footer{background:#fff;border-top:1px solid #dbe3ef}
.blog-footer .footer-inner p{margin-right:auto}
@media(max-width:850px){.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr;gap:30px}.article-aside{position:static}.article-aside a{display:inline-block;margin-right:18px}}
@media(max-width:760px){.blog-page .blog-nav{display:flex;gap:12px}.blog-page .blog-nav a{font-size:13px}.blog-page .blog-nav .nav-plan{padding:8px 10px}.blog-page .header-inner{gap:8px}.blog-page .brand{font-size:18px}.blog-hero{padding:53px 0 60px}.blog-hero p,.article-hero p{font-size:17px}.blog-list{padding:47px 0 62px}.blog-list-heading{display:block}.blog-list-heading p{margin-top:8px}.blog-grid{grid-template-columns:1fr}.blog-card img{height:205px}.article-hero{padding:48px 0}.article-layout{padding:42px 0 55px}.article-content{font-size:16px}.article-content .lead{font-size:18px}.article-content h2{font-size:25px}.related-grid{grid-template-columns:1fr}.article-cover{aspect-ratio:1.7}}
@media(max-width:380px){.blog-page .blog-nav{gap:8px}.blog-page .blog-nav a{font-size:12px}.blog-page .brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}