.blog-main{width:min(1120px,100%);margin:0 auto;padding:0 24px 120px}.blog-header{margin-bottom:48px}.blog-title{font-size:clamp(2.2rem,4vw,3rem);letter-spacing:-.03em;margin-bottom:12px}.blog-subtitle{font-size:1.1rem;opacity:.6;max-width:520px}.blog-empty{margin:0 auto;max-width:36rem;padding:40px 28px;border-radius:20px;background:var(--level1);border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:center}.blog-empty-title{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.blog-empty-description{font-size:1rem;line-height:1.65;color:var(--text-muted);margin:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:32px;gap:32px}.blog-card{display:flex;flex-direction:column;gap:16px;border-radius:20px;background:var(--level1);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;overflow:hidden}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.card-image-wrapper{width:100%;aspect-ratio:16/9;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .card-image{transform:scale(1.03)}.card-body{display:flex;flex-direction:column;gap:16px;padding:0 32px 32px;flex:1 1}.card-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;opacity:.5}.card-meta-separator{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.card-title{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.35}.card-description{font-size:.95rem;line-height:1.6;opacity:.7}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card-tag{font-size:.78rem;font-weight:500;padding:4px 12px;border-radius:999px;background:var(--level2);opacity:.7}.read-more{font-size:.9rem;font-weight:600;opacity:.7;transition:opacity .2s ease}.blog-card:hover .read-more{opacity:1}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-card{gap:10px}.card-body{padding:0 16px 16px}}