.news-card{border-radius:var(--default-border-radius);overflow:hidden;width:fit-content;max-width:100%;background-color:hsl(0 0 100%);padding-inline:var(--gap-s);padding-block-end:var(--gap-m);transition:box-shadow 125ms linear,border-color 125ms linear;box-shadow:0 1px 3px hsl(from var(--primary-color-mutted) h s 65% / 50%)}.news-card a.image-wrap{overflow:hidden;display:block;margin-inline:calc(var(--gap-s) * -1);margin-block-end:var(--gap-s)}.news-card a.title{display:block;text-decoration:none;--text-color: var(--color-dark);margin-block-end:var(--gap-xs)}.news-card a.title:hover,.news-card a.title:focus-visible{--text-color: var(--primary-color)}.news-card img{--aspect-ratio: 450/300;object-fit:cover;object-position:center;transition:scale .15s linear}.news-card .published-at{display:flex;gap:var(--gap-2xs);align-items:center;--text-color: var(--text-gray-color);--font-size: var(--font-size-xs);margin-block-end:var(--gap-xs)}.news-card .published-at svg{width:var(--font-size)}.news-card p{--text-color: var(--text-dark-gray-color)}.news-card:hover,.news-card:focus-within,.news-card:focus-visible{box-shadow:0 1px 3px hsl(from var(--primary-color-mutted) h s 65% / 80%)}.news-card:hover img,.news-card:focus-within img,.news-card:focus-visible img{scale:1.05}.pagination-wrap{display:flex;justify-content:center;gap:var(--gap-xs);margin-block-start:var(--gap-m)}.pagination-wrap ul{list-style:none;display:flex;flex-wrap:wrap;--line-height-text: 1}.pagination-wrap ul .disabled{pointer-events:none}.pagination-wrap ul svg{width:var(--font-size-base)}.pagination-wrap ul a,.pagination-wrap ul span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:var(--gap-xs)}.news-index-page{padding-block-end:var(--gap-2xl)}.news-index-page>*+*:not(.breadcrumbs,h1,.list,.pagination-wrap){margin-block-start:var(--gap-3xl)}.news-index-page .list{--grid-max-col-count: 3;--grid-min-col-size: 250px;--grid-gap: var(--gap-m);--grid-col-size-calc: calc((100% - var(--grid-gap) * (var(--grid-max-col-count) - 1)) / var(--grid-max-col-count));--grid-min-col-size-calc: min(max(var(--grid-min-col-size), var(--grid-col-size-calc)), 100%);display:grid;grid-gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-col-size-calc),1fr))}
