.blog-card{border-radius:var(--radius-card);height:100%;color:var(--color-ink);flex-direction:column;gap:.875rem;text-decoration:none;display:flex}.blog-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.blog-card__cover{aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--color-well);position:relative;overflow:hidden}.blog-card__cover--empty{background:var(--color-tile)}.blog-card__cover img{object-fit:cover}.blog-card__text{flex-direction:column;gap:.5rem;min-width:0;display:flex}.blog-card__title{-webkit-line-clamp:3;font-family:var(--font-display);font-size:var(--text-card-title);font-weight:500;line-height:var(--text-card-title--line-height);letter-spacing:var(--text-card-title--letter-spacing);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__excerpt{-webkit-line-clamp:3;color:var(--color-ink-2);font-size:var(--text-note);line-height:var(--text-note--line-height);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card--compact{grid-template-columns:7rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.blog-card--compact .blog-card__title{-webkit-line-clamp:2;font-size:var(--text-menu);line-height:1.3}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-card__cover img{transition:transform .3s var(--ease-out)}.blog-card:hover .blog-card__cover img{transform:scale(1.03)}}.blog-grid{gap:var(--spacing-grid-row) var(--spacing-grid-col);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.blog-grid>li{min-width:0;position:relative}@media not (min-width:640px){.blog-grid--rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;margin:-6px;padding:6px;scroll-padding-inline:6px;overflow-x:auto}.blog-grid--rail::-webkit-scrollbar{display:none}.blog-grid--rail>li{scroll-snap-align:start}.blog-grid--list{gap:0}.blog-grid--list>li+li{border-top:1px solid var(--color-line);margin-top:1rem;padding-top:1rem}}@media (min-width:640px){.blog-grid,.blog-grid--columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid--columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}}