.blog-list{max-width:calc(var(--max-width) + var(--horizontal-padding) * 2);width:100%;margin:16px auto;padding:0 var(--horizontal-padding)}.blog-list__title{color:var(--color-primary-foreground);margin-bottom:24px}.blog-list__title--size-sm{font-size:24px}.blog-list__title--size-md{font-size:32px}.blog-list__title--size-lg{font-size:40px}.blog-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}@media (max-width: 768px){.blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.blog-list__grid{grid-template-columns:1fr}}.blog-list__card{display:block;text-decoration:none;color:inherit}.blog-list__image-wrapper{aspect-ratio:16 / 10;overflow:hidden;margin-bottom:16px;border-radius:var(--border-radius-sm)}.blog-list__image{width:100%;height:100%;object-fit:cover;display:block}.blog-list__image-placeholder{width:100%;height:100%;background-color:var(--color-border, #e5e5e5);display:flex;align-items:center;justify-content:center;color:var(--color-primary-foreground);opacity:.4;overflow:hidden;border-radius:var(--border-radius-sm)}.blog-list__image-placeholder svg{width:48px;height:48px}.blog-list__card-body{display:flex;flex-direction:column;gap:8px}.blog-list__post-title{margin:0;font-weight:700;color:var(--color-primary-foreground)}.blog-list__excerpt{margin:0;color:var(--color-primary-foreground);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-list__date{display:block;font-size:14px;color:var(--color-primary-foreground);opacity:.7;margin-top:4px}.blog-list__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:560px;margin:0 auto;min-height:60vh;justify-content:center;padding:48px 16px;color:var(--color-primary-foreground)}.blog-list__empty-icon{width:100px;height:100px;border-radius:50%;background-color:color-mix(in srgb,var(--color-accent-background) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-accent-background);margin-bottom:16px}.blog-list__empty-icon svg{width:36px;height:41px}.blog-list__empty-heading{margin:0;font-size:28px;line-height:1.1;font-weight:700}.blog-list__empty-text{margin:0;opacity:.85;font-size:16px;line-height:1.45;max-width:720px}.blog-list__empty-button{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:12px;text-decoration:none;font-weight:400;background-color:var(--blog-list-empty-button-background, var(--color-accent-background));color:var(--blog-list-empty-button-label, var(--color-accent-foreground))}@media (max-width: 767px){.blog-list__empty{min-height:40vh}.blog-list__empty-text{font-size:20px}}