:root{--ons-news-blue:#168fc1;--ons-news-dark:#17304f;--ons-news-light:#eef7fb;--ons-news-yellow:#ffd21f;--ons-news-red:#e62b38}
.ons-news{width:100%;max-width:1240px;margin:0 auto;padding:52px 20px 72px;color:var(--ons-news-dark);font-family:inherit}
.ons-news__header{max-width:800px;margin:0 auto 28px;text-align:center}
.ons-news__title{margin:0 0 16px;color:var(--ons-news-dark);font-size:clamp(2.5rem,5vw,4.75rem);font-weight:800;line-height:1;letter-spacing:-.04em}
.ons-news__intro{margin:0;color:#546a7a;font-size:1.08rem;line-height:1.65}
.ons-news__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 36px}
.ons-news-filter{appearance:none;padding:11px 22px;border:1px solid #d9e2e8;border-radius:999px;background:#fff;color:var(--ons-news-dark);font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}
.ons-news-filter:hover,.ons-news-filter:focus-visible{border-color:var(--ons-news-blue);color:var(--ons-news-blue);transform:translateY(-1px)}
.ons-news-filter.is-active{border-color:var(--ons-news-blue);background:var(--ons-news-blue);color:#fff;box-shadow:0 7px 18px rgba(22,143,193,.22)}
.ons-news__grid{display:grid;grid-template-columns:repeat(var(--ons-news-columns),minmax(0,1fr));gap:28px 24px;align-items:stretch}
.ons-news-card{min-width:0;transition:opacity .2s ease,transform .2s ease}.ons-news-card[hidden]{display:none}
.ons-news-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #e3e8ec;border-radius:28px;background:#fff;color:inherit;text-decoration:none!important;box-shadow:0 5px 22px rgba(23,48,79,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ons-news-card__link:hover,.ons-news-card__link:focus-visible{transform:translateY(-5px);border-color:rgba(22,143,193,.45);box-shadow:0 16px 35px rgba(23,48,79,.15)}
.ons-news-card__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--ons-news-light)}
.ons-news-card__media:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background:linear-gradient(90deg,var(--ons-news-blue) 0 72%,var(--ons-news-yellow) 72% 86%,var(--ons-news-red) 86%)}
.ons-news-card__image{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .35s ease}
.ons-news-card__link:hover .ons-news-card__image{transform:scale(1.035)}
.ons-news-card__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#eaf6fb,#b9e1f1);color:var(--ons-news-blue);font-size:3rem;font-weight:900}
.ons-news-card__category{position:absolute;left:16px;top:16px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ons-news-dark);font-size:.76rem;font-weight:800;line-height:1;box-shadow:0 4px 14px rgba(23,48,79,.13)}
.ons-news-card__body{display:flex;flex-direction:column;flex:1;padding:21px 22px 23px}
.ons-news-card time{color:#70818e;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.065em}
.ons-news-card h3{margin:10px 0 12px;color:var(--ons-news-dark);font-size:1.35rem;font-weight:800;line-height:1.22;letter-spacing:-.02em}
.ons-news-card p{margin:0 0 18px;color:#536a7a;line-height:1.58}
.ons-news-card__more{margin-top:auto;padding-top:6px;color:var(--ons-news-blue);font-weight:800}
.ons-news-card__more span{display:inline-block;transition:transform .2s ease}.ons-news-card__link:hover .ons-news-card__more span{transform:translateX(5px)}
.ons-news__empty{text-align:center;padding:30px;font-weight:700}.ons-news__empty[hidden]{display:none}
@media(max-width:1024px){.ons-news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ons-news{padding:36px 14px 52px}.ons-news__header{text-align:left;margin-bottom:24px}.ons-news__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 26px;padding:0 14px 8px;scrollbar-width:none}.ons-news__filters::-webkit-scrollbar{display:none}.ons-news-filter{flex:none;padding:9px 17px}.ons-news__grid{grid-template-columns:1fr;gap:18px}.ons-news-card__link{border-radius:22px}.ons-news-card__body{padding:18px}.ons-news-card h3{font-size:1.24rem}}
@media(prefers-reduced-motion:reduce){.ons-news-filter,.ons-news-card,.ons-news-card__link,.ons-news-card__image,.ons-news-card__more span{transition:none!important}}