@layer blocks{.post-card{--flow-space:var(--space-xs);text-align:center}.post-card__image-link{border-radius:var(--space-s);display:block;overflow:hidden}.post-card__image{aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease-in-out;width:100%;will-change:transform}.post-card__image-link:hover .post-card__image{transform:scale(1.05)}.post-card__title{--flow-space:var(--space-m)}.post-card__excerpt{color:var(--clr-text-muted);font-size:var(--fs--1)}.post-card__meta{font-size:var(--fs--2);font-weight:var(--fw-medium)}}@layer composition{.post-list{display:grid;gap:var(--space-l-xl) var(--space-m-l);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-block-start:var(--space-xl-2xl)}}@layer blocks{.pagination{background:var(--clr-bg-surface);border-radius:var(--space-s);font-weight:var(--fw-bold);line-height:1;margin-block-start:var(--space-l-xl);padding:var(--space-m-l) var(--space-s-m)}.pagination__list{--cluster-horizontal-alignment:center;--cluster-vertical-alignment:center;--gutter:var(--space-3xs-2xs)}.pagination__item [aria-current=page]{background:var(--clr-brand);border-radius:var(--space-2xs);color:var(--clr-white)}.pagination__item [aria-current=page],.pagination__item-link{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:var(--space-3xs-2xs)}.pagination__item-link{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-radius .3s ease-in-out}.pagination__item-link:hover{background:var(--clr-brand);border-radius:var(--space-2xs);color:var(--clr-white);text-decoration:none}.pagination__item-link--next,.pagination__item-link--prev{padding:0}}