.blog-list-head{padding:calc(1.2 * var(--leading)) 0 calc(1.4 * var(--leading))}.blog-list-subtitle{max-width:640px;margin:var(--space-2) 0 0;color:color-mix(in srgb, var(--color-text) 75%, transparent);font-size:var(--text-md-lg)}.blog-list-grid{gap:var(--space-6);padding-bottom:calc(2 * var(--leading));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-list-card{gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:var(--border-width) solid var(--color-divider);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.blog-list-card-cover{width:calc(100% + var(--space-6) + var(--space-6));aspect-ratio:16/9;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) 0;background:var(--color-accent-2-100);position:relative;overflow:hidden}.blog-list-card-cover img{object-fit:cover}.blog-list-card>.blog-tag{justify-content:center;align-self:flex-start;width:fit-content}.blog-list-card-title{font-size:var(--text-xl);margin:0;line-height:1.35}.blog-list-card-title a{color:var(--color-text);text-decoration:none}.blog-list-card-title a:hover{color:var(--color-accent)}.blog-list-card-summary{color:color-mix(in srgb, var(--color-text) 75%, transparent);margin:0}.blog-list-card-meta{color:color-mix(in srgb, var(--color-text) 60%, transparent);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-list-read{color:var(--color-accent);margin-top:auto;font-weight:700;text-decoration:none}.blog-list-read:hover{text-decoration:underline}.blog-list-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:clamp(32px,5vw,56px);display:flex}.blog-list-pagination-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.blog-list-pagination-link{border:1px solid var(--color-border,#d7d2c8);min-width:40px;height:40px;color:var(--color-text,#283038);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}:is(.blog-list-pagination-link:hover,.blog-list-pagination-link:focus-visible){border-color:var(--color-accent,#b6502a);color:var(--color-accent,#b6502a)}.blog-list-pagination-link.is-current{border-color:var(--color-accent,#b6502a);background:var(--color-accent,#b6502a);color:#fff}@media (max-width:520px){.blog-list-pagination{gap:8px}.blog-list-pagination-link{min-width:36px;height:36px;padding:0 9px}.blog-list-pagination-pages{gap:4px}}