.page-articles{background:#f5f9fc}
.articles-intro{padding:clamp(64px,7vw,102px) 0 clamp(52px,5vw,76px);background:#f3faff;color:#21364c}
.articles-eyebrow{display:block;color:#2877be;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.articles-intro h1{max-width:1000px;margin:18px 0 22px;font-size:clamp(36px,4.7vw,66px);line-height:1.12}
.articles-intro p{max-width:760px;margin:0;color:#51647a;font-size:clamp(17px,1.5vw,20px);line-height:1.55}
.articles-list{padding:clamp(48px,6vw,86px) 0 110px;background:#eaf5ff}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px);align-items:stretch}
.article-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #cbdbe9;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(33,54,76,.055)}
.article-card-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;padding:14px;background:#f5fafe}
.article-card-art img{display:block;width:100%;height:100%;object-fit:contain}
.article-card-category{position:absolute;top:16px;left:16px;z-index:1;padding:8px 11px;border:1px solid #d6e7f4;border-radius:999px;background:rgba(255,255,255,.94);color:#245f95;font-size:12px;font-weight:700;line-height:1}
.article-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 25px 26px}
.article-card h2{margin:0 0 14px;color:#21364c;font-size:clamp(21px,1.65vw,26px);line-height:1.27;overflow-wrap:break-word}
.article-card h2 a{color:inherit;text-decoration:none}
.article-card h2 a:hover{color:#236ba8;text-decoration:underline;text-underline-offset:.13em}
.article-card p{margin:0 0 24px;color:#51677b;font-size:15px;line-height:1.55}
.article-card-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:auto;padding:9px 15px;border:1px solid #2674b8;border-radius:999px;background:#2674b8;color:#fff;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.article-card-link svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-card-link:hover{border-color:#21364c;background:#fff;color:#21364c}
.article-card a:focus:not(:focus-visible){outline:none}
.article-card a:focus-visible{outline:3px solid #2674b8;outline-offset:3px}
@media(max-width:1100px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card h2{font-size:clamp(21px,2.4vw,27px)}}
@media(max-width:700px){.articles-intro{padding:46px 0 44px}.articles-intro h1{margin-top:14px;font-size:clamp(33px,8vw,45px)}.articles-intro p{font-size:17px}.articles-list{padding:35px 0 75px}.articles-grid{grid-template-columns:minmax(0,1fr);gap:22px}.article-card-art{aspect-ratio:4/3}.article-card-copy{padding:23px 22px 25px}.article-card h2{font-size:clamp(22px,6vw,27px)}.article-card p{font-size:16px}.article-card-link{width:100%;min-height:48px;font-size:15px}}
@media(max-width:360px){.articles-intro h1{font-size:30px}}