.blog-page,.article-page{background:linear-gradient(180deg,#f4f9fc 0,#fff 520px);min-height:70vh}.blog-page{padding:72px max(24px,calc((100vw - 1180px)/2)) 100px}.blog-hero{max-width:820px;margin-bottom:42px}.blog-hero h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.06;color:#062f5f;margin:10px 0 18px}.blog-hero p{font-size:1.18rem;color:#536b7d}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-card{display:flex;flex-direction:column;padding:30px;border:1px solid #d8e7f1;border-radius:20px;background:#fff;box-shadow:0 14px 40px #063b6a0d}.blog-card:first-child{grid-column:1/-1}.blog-card h2{font-size:1.55rem;line-height:1.22;margin:10px 0}.blog-card h2 a{text-decoration:none;color:#083d71}.blog-card p{color:#5c7182;flex:1}.blog-meta,.article-meta{color:#087fc9;font-size:.82rem;font-weight:750;letter-spacing:.03em}.blog-keywords{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.blog-keywords span{padding:5px 9px;border-radius:999px;background:#eaf6fc;color:#17628e;font-size:.76rem}.blog-card .text-link{margin-top:8px;color:#087fc9;font-weight:750;text-decoration:none}.article-shell{width:min(940px,calc(100% - 32px));margin:auto;padding:34px 0 100px}.breadcrumbs{display:flex;gap:9px;align-items:center;overflow:hidden;margin-bottom:45px;font-size:.84rem;color:#61788a}.breadcrumbs a{color:#087fc9;text-decoration:none}.breadcrumbs span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-header{max-width:850px}.article-header h1{font-size:clamp(2.25rem,5.3vw,4.25rem);line-height:1.05;color:#062f5f;margin:10px 0 20px;letter-spacing:-.035em}.article-header>p{font-size:1.25rem;color:#4e6679;line-height:1.65}.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:20px 0}.article-summary{margin:42px 0;padding:24px 30px;border:1px solid #cfe4ef;border-radius:18px;background:#eef9fe}.article-summary strong{font-size:1.08rem;color:#063c6a}.article-summary ol{columns:2;column-gap:38px;padding-left:22px;margin:14px 0 0}.article-summary li{break-inside:avoid;margin:0 0 9px;color:#5a7080}.article-summary a{color:#17628e;text-decoration:none}.article-content{font-size:1.075rem;line-height:1.86;color:#273f51}.article-content h2{scroll-margin-top:100px;font-size:2rem;line-height:1.18;color:#073a6a;margin:58px 0 20px}.article-content h3{font-size:1.35rem;line-height:1.3;color:#0b568d;margin:42px 0 14px}.article-content p{margin:0 0 22px}.article-content .article-lead{font-size:1.22rem;line-height:1.75;color:#3f5d70;padding-left:20px;border-left:4px solid #12a5df}.article-checklist{margin:26px 0 38px;padding:22px 26px;border-radius:16px;background:#f0faf7;border:1px solid #ccecdf}.article-checklist strong{color:#087153}.article-checklist ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:13px 0 0;padding-left:22px}.article-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:60px 0 48px;padding:30px;border-radius:22px;background:linear-gradient(130deg,#063563,#087fc9);color:#fff}.article-cta h2{margin:5px 0;font-size:1.7rem}.article-cta p{margin:0;color:#d9eeff}.article-cta>div:last-child{display:flex;gap:10px;flex-shrink:0}.article-cta .button.ghost{border-color:#ffffff80;color:#fff}.related-posts h2{color:#063c6a}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-grid a{display:flex;flex-direction:column;justify-content:space-between;min-height:145px;padding:19px;border:1px solid #d8e7f1;border-radius:14px;color:#153f5d;text-decoration:none;background:#fff}.related-grid a:hover{border-color:#13a8e7;transform:translateY(-2px)}.related-grid span{color:#087fc9;margin-top:14px}@media(max-width:800px){.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-column:auto}.article-summary ol{columns:1}.article-checklist ul{grid-template-columns:1fr}.article-cta{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr}.article-header h1{font-size:2.4rem}}@media(max-width:520px){.blog-page{padding:48px 14px 70px}.blog-card{padding:22px}.article-shell{width:min(100% - 24px,940px)}.article-content{font-size:1rem}.article-content h2{font-size:1.62rem}.article-cta>div:last-child{flex-direction:column;width:100%}.article-cta .button{text-align:center}}