.news-hero{background:linear-gradient(110deg,#08284b,#104a78);color:#fff;padding:66px 0 55px}
.news-hero-inner{max-width:1160px}.news-hero .eyebrow{color:#ffb54a;font-size:12px;font-weight:800}
.news-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.45;margin:12px 0}
.news-hero p{max-width:760px;color:#d6e4f0;font-size:15px;line-height:2}
.news-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#d3e0ed}
.news-meta span:first-child{background:#ffffff18;border:1px solid #ffffff30;padding:7px 12px;border-radius:30px}
.news-content{padding-block:36px 80px}
.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.news-categories{display:flex;gap:8px;flex-wrap:wrap}
.news-category{border:1px solid #d8e3ed;background:#fff;color:#25435d;border-radius:30px;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer}
.news-category[aria-pressed="true"]{background:#0b4779;border-color:#0b4779;color:#fff}
.news-refresh{white-space:nowrap;cursor:pointer;border:0}
.news-notice{font-size:12px;color:#6b7d8f;margin:12px 0 20px;line-height:1.9}
.news-status{font-size:13px;color:#536b80;padding:12px 0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{background:#fff;border:1px solid #e1e9f0;border-radius:16px;padding:18px;display:flex;flex-direction:column;min-height:330px;box-shadow:0 10px 30px #092b4c0b;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #092b4c16}
.news-card-image-wrap{position:relative;margin:-18px -18px 17px;overflow:hidden;background:linear-gradient(135deg,#08284b,#1677a7 58%,#f0a74a);aspect-ratio:16/9}.news-card-image-wrap:before,.news-card-image-wrap:after{content:"";position:absolute;border:1px solid #ffffff38;border-radius:50%;width:210px;height:210px;right:-65px;top:-95px;pointer-events:none}.news-card-image-wrap:after{width:140px;height:140px;right:auto;left:-40px;top:auto;bottom:-95px}.news-card-image-wrap.has-fallback{display:flex;align-items:flex-end;padding:18px}.news-card-image-wrap.has-fallback .news-image-label{position:relative;z-index:1;display:inline-flex;color:#fff;font-size:12px;font-weight:800;background:#ffffff20;border:1px solid #ffffff55;border-radius:30px;padding:8px 12px;backdrop-filter:blur(8px)}.news-image-label{display:none}
.news-card-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.news-card:hover .news-card-image{transform:scale(1.04)}.news-card-image-wrap:not(.has-fallback) .news-image-label{position:absolute;z-index:1;right:12px;bottom:12px;display:inline-flex;color:#fff;font-size:10px;font-weight:800;background:#08284bc9;border-radius:30px;padding:6px 10px}
.news-card h2{font-size:16px;line-height:1.9;margin:0 0 12px;color:#102e4a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card p{font-size:12px;line-height:1.9;color:#65778a;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card-meta{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;color:#7a8b9a;font-size:10px;margin-top:auto;padding-top:10px}
.news-card a{display:inline-flex;align-self:flex-start;margin-top:16px;color:#0868ae;font-size:12px;font-weight:800;text-decoration:none;background:#edf6fc;border-radius:9px;padding:10px 13px}
.news-card a:hover{text-decoration:underline}
.news-empty{padding:35px;text-align:center;color:#65778a;background:#f5f8fa;border-radius:7px}
.news-page .footer-bottom{align-items:center}
.news-page .nav nav a.active{color:#0873bd}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-toolbar{align-items:flex-start}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr}.news-hero{padding:44px 0}.news-toolbar{display:block}.news-refresh{margin-top:14px}.news-card{min-height:0}.news-page .nav{gap:10px}.news-page nav{display:none}.news-page nav.open{display:flex;position:absolute;top:100%;right:14px;left:14px;z-index:10;background:white;padding:16px;box-shadow:0 10px 30px #0002;flex-direction:column}.news-page .header{position:relative}}
html[dir="ltr"] .news-page{}