.blog-card{padding:var(--layout-padding);align-items:stretch;border-radius:var(--border-radius-small);margin:calc(-1 * var(--layout-padding));transition:background var(--transition-duration-moderate-2) var(--ease-out-2),box-shadow var(--transition-duration-moderate-2) var(--ease-out-2);--with-sidebar-target-width: 12rem;inline-size:calc(100% + 2 * var(--layout-padding));&:hover,&:focus-within{box-shadow:var(--shadow-box),var(--shadow-medium);background:var(--color-surface-base)}@media(min-width:54rem){inline-size:calc(100% + 1 * var(--spacing-far));padding:var(--spacing-far);margin:calc(-.5 * var(--spacing-far))}@media(min-width:70rem){--with-sidebar-target-width: 16rem}.card-meta{font-size:var(--font-size-small)}.pagination{margin-block-start:var(--spacing-far)}.pagination-list{justify-content:center}.pagination-element{font-size:var(--font-size-large);border-radius:.5em;padding:.1lh 1ch;corner-shape:squircle;display:flex;text-decoration:none;align-items:center;justify-content:center;&:hover,&:focus-visible{&:not([aria-disabled=true]){background:light-dark(oklch(from var(--theme-color) .9 calc(c/4) h),oklch(from var(--theme-color) .3 calc(c/4) h))}}&[aria-current=page]{color:var(--theme-color)}}}
