.blog-intro,.blog-article-intro{background:#f4f7fb;border-block-end:1px solid #e4eaf2;padding-block:66px 58px}
.blog-intro .container,.blog-article-intro .container{max-width:1200px}
.blog-intro .eyebrow{color:#17649b;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.blog-intro h1,.blog-article-intro h1{color:#142c4c;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.12;max-width:850px;margin:14px 0}
.blog-intro p,.blog-article-intro p{color:#52657d;max-width:760px;font-size:1.12rem;line-height:1.7;margin:0}
.blog-section{padding-block:60px 94px;background:#fff}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(36px,5vw,82px);max-width:1200px;align-items:start}
.blog-main,.blog-article{min-width:0}
.blog-results{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-block-end:2px solid #152c4a;padding-block-end:18px;margin-block-end:28px}
.blog-results h2{font-size:1.48rem;color:#142c4c;margin:0}.blog-results span{color:#65758b;font-size:.9rem}
.blog-row{display:grid;grid-template-columns:minmax(210px,38%) minmax(0,1fr);gap:27px;padding-block:27px;border-block-end:1px solid #e3e9f0}
.blog-row:first-of-type{padding-block-start:0}
.blog-row-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;overflow:hidden;border-radius:12px;background:#e9eef5;color:#9aaec4;font-size:2.2rem;font-weight:800;text-decoration:none}
.blog-row-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.blog-row-image:hover img{transform:scale(1.035)}
.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#63758a;font-size:.82rem}.blog-meta span{color:#17649b;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.blog-meta time::before{content:'·';margin-inline-end:12px;color:#a9b7c7}
.blog-row h3{font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.27;color:#142c4c;margin:13px 0 10px}.blog-row h3 a{color:inherit;text-decoration:none}.blog-row h3 a:hover{color:#17649b}
.blog-row p{color:#53657b;line-height:1.7;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.blog-read-more{display:inline-flex;align-items:center;gap:9px;color:#17649b;font-weight:700;text-decoration:none}.blog-read-more:hover{text-decoration:underline}
.blog-sidebar{border:1px solid #e3e9f0;border-radius:14px;padding:27px;background:#fbfcfe}.blog-sidebar form label,.blog-sidebar-block h2{display:block;color:#142c4c;font-weight:700;font-size:1rem;margin:0 0 14px}
.blog-search-row{display:flex;gap:6px}.blog-search-row input{width:100%;min-width:0;border:1px solid #cbd6e4;border-radius:7px;padding:10px 12px;background:#fff;color:#142c4c}.blog-search-row button{border:0;border-radius:7px;background:#17395e;color:#fff;padding:10px 13px;cursor:pointer}
.blog-sidebar-block{margin-block-start:30px;padding-block-start:26px;border-block-start:1px solid #e3e9f0}.blog-sidebar-block nav{display:grid;gap:2px}.blog-sidebar-block a{padding:9px 10px;border-radius:7px;color:#42556d;text-decoration:none;line-height:1.4}.blog-sidebar-block a:hover,.blog-sidebar-block a.is-active{background:#eaf2fa;color:#164f82}
.blog-sidebar-note{margin-block-start:32px;background:#17395e;color:#fff;border-radius:11px;padding:23px}.blog-sidebar-note span{font-weight:800;letter-spacing:.08em}.blog-sidebar-note p{margin:10px 0 0;line-height:1.55;color:#e5eef8}
.blog-empty{padding:45px 22px;border:1px dashed #bfcbda;border-radius:12px;color:#53657b}.blog-empty h3{color:#142c4c;margin:0 0 8px}.blog-empty a{color:#17649b;font-weight:700}
.blog-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block-start:30px}.blog-pagination a{padding:10px 15px;border:1px solid #cbd6e4;border-radius:7px;color:#17395e;text-decoration:none}.blog-pagination a:hover{background:#eaf2fa}
.blog-article-intro{padding-block:48px 54px}.blog-crumbs{display:flex;gap:10px;margin-block-end:25px;color:#65758b;font-size:.9rem}.blog-crumbs a{color:#17649b;text-decoration:none}.blog-article-intro .blog-meta{margin-block-end:13px}.blog-article-intro h1{font-size:clamp(2.3rem,4vw,3.8rem)}
.blog-cover{margin:0 0 35px;border-radius:13px;overflow:hidden}.blog-cover img{display:block;width:100%;height:auto}.blog-prose{font-size:1.06rem;line-height:1.85;color:#354961;overflow-wrap:anywhere}.blog-prose h1,.blog-prose h2,.blog-prose h3{color:#142c4c;line-height:1.3;margin-block:1.6em .6em}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin-block:0 1.25em}.blog-prose a{color:#17649b;text-decoration:underline}.blog-prose img{max-width:100%;height:auto}.blog-prose blockquote{border-inline-start:4px solid #7cabc9;padding-inline-start:20px;color:#566b80}.blog-prose pre{overflow-x:auto;background:#edf2f8;padding:18px;border-radius:8px}.blog-prose table{display:block;overflow-x:auto}.blog-article-footer{border-block-start:1px solid #e3e9f0;margin-block-start:45px;padding-block-start:23px}.blog-article-footer a{color:#17649b;font-weight:700}
.blog-section :is(a,button,input):focus-visible{outline:3px solid #f1a646;outline-offset:3px}
@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.blog-sidebar-block{margin:0;padding:0;border:0}.blog-sidebar-note{grid-column:1/-1;margin:0}}
@media(max-width:620px){.blog-intro,.blog-article-intro{padding-block:42px}.blog-section{padding-block:35px 65px}.blog-row{grid-template-columns:1fr;gap:17px}.blog-row-image{aspect-ratio:1.8}.blog-sidebar{display:block}.blog-sidebar-block,.blog-sidebar-note{margin-block-start:25px}.blog-sidebar-block{padding-block-start:24px;border-block-start:1px solid #e3e9f0}}
