.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: 14rem;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% + 2 * var(--spacing-far));padding:var(--spacing-far);margin:calc(-1 * var(--spacing-far))}@media(min-width:70rem){--with-sidebar-target-width: 16rem}.blog-date{color:var(--color-text-muted)}}} .card-meta{font-size:var(--font-size-small)}