.articles-hero{padding-block:48px;background:linear-gradient(135deg,#f3faff,#e9f3fb)}
.articles-hero h1{max-width:800px}.articles-section{padding-block:46px 56px}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.article-card{display:block;overflow:hidden;border:1px solid #bed9ed;border-top:4px solid #1878b7;border-radius:17px;background:#fff;text-decoration:none;color:#09294f;box-shadow:0 10px 24px rgba(7,49,92,.07);transition:transform .18s,box-shadow .18s}
.article-card:hover,.article-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px rgba(7,49,92,.14)}
.article-card img,.article-placeholder{width:100%;height:195px;object-fit:cover;background:#e8f3fb}.article-placeholder{display:grid;place-items:center;font-size:48px}
.article-card-content{padding:22px}.article-card h3{font-size:21px;line-height:1.25;margin:8px 0;color:#09294f}.article-card p{font-size:15px;line-height:1.55;color:#425f78;margin:0 0 16px}.article-tag{font-size:12px;font-weight:800;color:#a84905;letter-spacing:.06em}.article-link{font-weight:750;color:#005c99}
.article-empty{margin-top:16px;color:#425f78}.article-empty:empty{display:none}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px}.article-cta h2{margin:5px 0}.article-cta p{margin:0}
.article-page{max-width:1000px;margin:auto;padding:38px 28px 60px}.article-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px;font-size:14px}.article-breadcrumb a{color:#005c99}.article-breadcrumb span:last-child{color:#425f78}
.article-intro h1{font-size:clamp(32px,4.6vw,52px);line-height:1.12;color:#082e58;margin:8px 0 18px}.article-intro p{font-size:20px;color:#425f78;line-height:1.5;max-width:770px}.article-date{font-size:14px;color:#526982}
.article-hero-image{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:18px;margin:30px 0 40px}.article-body{max-width:760px;margin:auto;color:#193c5e;line-height:1.75;font-size:17px}.article-body h2,.article-body h3{color:#082e58;line-height:1.25;margin-top:1.6em}.article-body img{max-width:100%;height:auto}.article-body a{color:#005c99;text-decoration:underline}
.article-footnote{max-width:760px;margin:36px auto;font-size:13px;color:#5a6d80}.article-next{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8f4fc;border:1px solid #afd6f3;border-radius:16px;padding:26px;margin:42px 0}.article-next h2{margin:0 0 5px;color:#082e58}.article-next p{margin:0}.article-next .cta,.article-cta .cta{white-space:nowrap}
.local-article .article-hero-image{max-width:800px;max-height:none;margin:24px auto 30px}.local-article .article-body h2,.local-article .article-body h3{scroll-margin-top:140px}.local-article .article-body a{font-weight:700;text-underline-offset:3px}
@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-grid{grid-template-columns:1fr}.articles-hero{padding-block:36px}.articles-section{padding-block:34px}.article-card img,.article-placeholder{height:200px}.article-cta,.article-next{align-items:stretch;flex-direction:column}.article-page{padding:26px 20px 48px}.article-intro p{font-size:17px}}
.articles-home-section{padding-block:38px}
.articles-home-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:linear-gradient(110deg,#eaf6fc,#f7fbfe);border:1px solid #b9dded;border-left:5px solid #1177b8;border-radius:18px;box-shadow:0 10px 28px rgba(7,49,92,.06)}
.articles-home-teaser h2{margin:5px 0 8px;color:#0b234a;font-size:clamp(23px,2.4vw,30px);line-height:1.25}
.articles-home-teaser p{margin:0;color:#385873;max-width:640px}
.articles-home-teaser .cta{flex-shrink:0;white-space:nowrap}
@media(max-width:720px){.articles-home-section{padding-block:30px}.articles-home-teaser{align-items:flex-start;flex-direction:column;gap:18px;padding:24px}.articles-home-teaser .cta{white-space:normal}}
@media(max-width:420px){.articles-home-teaser .cta{width:100%}}
