.blog-hero{background:linear-gradient(125deg,#eaf5fb 0%,#fff9e5 64%,#f9e8ef 100%);padding:72px 0 65px}
.blog-hero .wrap{max-width:1060px}.blog-hero h1{max-width:900px;margin:13px 0 20px;color:var(--blue-dark);font-size:clamp(38px,5vw,62px)}
.blog-hero p:not(.eyebrow){max-width:760px;color:#4e6170;font-size:18px;line-height:1.75}
.blog-hero nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.blog-hero nav a{padding:9px 17px;border:1px solid #c6dce8;border-radius:999px;background:white;color:var(--blue);font-size:14px;font-weight:800;text-decoration:none}.blog-hero nav a:hover{background:#e7f3fa}
.blog-overview{max-width:960px;padding-top:55px}.blog-overview h2{color:var(--blue-dark);font-size:clamp(27px,3vw,36px);margin:0 0 17px}.blog-overview p{margin:0 0 15px;color:#4e6170;line-height:1.8}.blog-overview a{color:var(--blue);font-weight:800;text-underline-offset:3px}
.blog-section{padding-top:70px;scroll-margin-top:20px}.blog-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.blog-section-heading h2{margin:5px 0 8px;color:var(--blue-dark);font-size:clamp(29px,3vw,39px)}.blog-section-heading p:last-child{color:var(--muted)}.blog-section-heading>span{color:#6a7985;font-size:13px;font-weight:700;white-space:nowrap}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.blog-card{display:flex;flex-direction:column;min-height:280px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 5px 18px #0c4f830b;transition:transform .15s,box-shadow .15s,border-color .15s}.blog-card:hover{transform:translateY(-3px);border-color:#aacbdc;box-shadow:0 14px 27px #0c4f8317}.blog-card h3{margin:15px 0 12px;color:var(--blue-dark);font-size:21px}.blog-card p{color:var(--muted);font-size:14px;line-height:1.65}.blog-card-date{display:block;margin-top:14px;color:#6a7985;font-size:12px;font-weight:600;letter-spacing:.02em}.blog-card strong{margin-top:auto;padding-top:18px;color:var(--blue);font-size:14px}
.blog-category{display:inline-flex;width:max-content;border-radius:999px;padding:5px 10px;background:#e7f2fa;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.blog-section:nth-of-type(3n) .blog-category{background:#fff3c1;color:#735b00}.blog-section:nth-of-type(4n) .blog-category{background:#f8e3eb;color:#814661}
.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-block:83px;padding:35px;border-radius:18px;background:#eaf4fa}.blog-cta h2{margin:8px 0;color:var(--blue-dark);font-size:clamp(24px,3vw,33px)}.blog-cta p:last-child{color:var(--muted)}.blog-cta .button{flex:none}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0;color:#667887;font-size:13px}.breadcrumb a{color:var(--blue);font-weight:700;text-underline-offset:3px}
.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(210px,265px);justify-content:space-between;gap:58px;margin:40px 0 90px}.blog-article{min-width:0}.article-header h1{margin:17px 0 17px;color:var(--blue-dark);font-size:clamp(35px,4vw,53px)}.article-intro{max-width:720px;color:#455c6d;font-size:20px;line-height:1.7}.article-meta{margin-top:22px;padding-bottom:26px;border-bottom:1px solid var(--line);color:#657684;font-size:13px}
.article-answer{margin:18px 0 4px;padding:16px 20px;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;background:#f2f8fc;font-size:16px;line-height:1.7}.article-answer p{margin:0}.article-answer p+p{margin-top:5px}.article-answer strong{color:var(--blue-dark)}
.article-body{font-size:17px;line-height:1.85}.article-body section{scroll-margin-top:22px}.article-body h2{margin:39px 0 15px;color:var(--blue-dark);font-size:clamp(25px,2.5vw,31px)}.article-body p{margin:0 0 19px}.article-body a:not(.button){color:var(--blue);font-weight:700;text-underline-offset:3px}.article-body a:hover{text-decoration-thickness:2px}
.article-sources{margin-top:48px;padding:22px 26px;border-radius:14px;background:#f2f7fa}.article-sources h2{margin-top:0}.article-sources p{color:#536674;font-size:15px}.article-sources ul{padding-left:20px;margin-bottom:0;font-size:15px}.article-sources li+li{margin-top:9px}
.article-note{margin-top:22px;padding:20px 24px;border-left:4px solid var(--yellow);border-radius:0 10px 10px 0;background:#fffbed;font-size:14px;line-height:1.7}.article-note strong{color:var(--blue-dark)}.article-note p{margin:5px 0 0}
.article-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:35px}.article-bottom>a:not(.button){font-size:14px}
.article-aside{align-self:start;position:sticky;top:20px}.article-aside>div{padding:20px;border:1px solid var(--line);border-radius:13px;background:#f7fafb}.article-aside>div+div{margin-top:15px}.article-aside h2{margin:0 0 13px;color:var(--blue-dark);font-size:16px}.article-aside ol,.article-aside ul{margin:0;padding-left:20px;color:var(--blue)}.article-aside li+li{margin-top:12px}.article-aside a{color:var(--blue);font-size:13px;font-weight:700;line-height:1.45;text-underline-offset:3px}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.article-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.article-aside>div+div{margin-top:0}}
@media(max-width:600px){.blog-hero{padding:50px 0}.blog-hero p:not(.eyebrow){font-size:16px}.blog-section{padding-top:54px}.blog-section-heading{align-items:start}.blog-section-heading>span{display:none}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.blog-cta{display:block;margin-block:60px;padding:27px}.blog-cta .button{width:100%;margin-top:22px}.article-layout{margin:25px 0 65px}.article-intro{font-size:18px}.article-body{font-size:16px}.article-aside{grid-template-columns:1fr}.article-bottom .button{width:100%}}
.blog-ad{margin:32px 0;min-height:90px}