@layer molecules{.article-card{reading-flow:grid-order;isolation:isolate;grid-auto-columns:100%;align-content:start;display:grid;position:relative}@media (hover){.article-card:hover img{scale:1.025}}.article-card:has(a:focus-visible) img{scale:1.025}.article-card-content{align-content:start;row-gap:.75rem;padding-block-start:1rem;padding-inline-end:2rem;display:grid}.article-card-content a:after{z-index:1;content:"";position:absolute;inset:0}.article-card-content p:not(:first-child){color:var(--color-muted)}.article-card-image{aspect-ratio:4/3;background-color:var(--color-secondary-background);order:-1;block-size:100%;inline-size:100%;display:grid;position:relative;overflow:hidden}.article-card-image :is(a,img){grid-area:1/-1}.article-card-image a{z-index:1;place-self:start;margin:.5rem}.article-card-image img{object-fit:cover;block-size:100%;transition:scale .5s;position:absolute;inset:0}.article-list{margin-block-end:var(--fluid-72-80)}.article-list-grid{gap:4rem var(--column-gap);padding-inline:var(--padding-inline);display:grid}@media (width>=64rem){.article-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=100rem){.article-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pagination{padding-block-start:var(--fluid-56-64);padding-inline:var(--padding-inline);scrollbar-width:none;display:flex;overflow-x:auto}.pagination span{--box-shadow-color:transparent;aspect-ratio:1;text-align:center;white-space:nowrap;inline-size:3rem;box-shadow:inset 0 -1.5px var(--box-shadow-color);flex-shrink:0;grid-auto-columns:100%;place-items:center;transition:box-shadow .15s linear;display:grid;overflow:clip}.pagination span:first-child{margin-inline-start:auto}.pagination span:last-child{margin-inline-end:auto}@media (hover){.pagination span:hover{--box-shadow-color:var(--color-border)}}.pagination span:is(:has(:focus-visible),:active){--box-shadow-color:var(--color-border)}.pagination .current{--box-shadow-color:currentcolor}.pagination :is(.prev,.next){text-indent:100%}.pagination :is(.prev,.next) a{-webkit-mask-image:var(--icon-arrow);-webkit-mask-image:var(--icon-arrow);mask-image:var(--icon-arrow);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1.5rem;mask-size:1.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pagination .prev{margin-inline-end:.75rem}.pagination .prev a{scale:-1 1}.pagination .next{margin-inline-start:.75rem}.pagination a{grid-auto-columns:100%;place-items:center;block-size:100%;inline-size:100%;display:grid;overflow:clip}}