.blog-shell{max-width:820px;margin:40px auto 80px;padding:0 24px}.blog-header{margin-bottom:32px}.blog-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:6px;font-size:1.9rem}.blog-subtitle{color:var(--color-text-secondary);font-size:.95rem}.blog-list{flex-direction:column;gap:16px;display:flex}.blog-card{background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:var(--shadow-card);color:inherit;border-radius:20px;padding:24px clamp(20px,4vw,32px);text-decoration:none;transition:transform .15s,border-color .15s;display:block}.blog-card:hover{border-color:var(--color-accent-strong);transform:translateY(-2px)}.blog-card-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:8px;font-size:1.15rem}.blog-card-desc{color:var(--color-text-secondary);margin-bottom:12px;font-size:.92rem;line-height:1.55}.blog-card-meta{color:var(--color-text-faint);align-items:center;gap:8px;font-size:.8rem;display:flex}.blog-card-meta-dot{opacity:.6}.blog-post{background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:var(--shadow-card);color:var(--color-text);font-family:var(--font-body);border-radius:20px;padding:40px clamp(24px,5vw,56px) 56px;line-height:1.65}.blog-post-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:10px;font-size:1.75rem}.blog-post-meta{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:32px;font-size:.82rem;display:flex}.blog-post-section{margin-bottom:20px}.blog-post-heading{font-family:var(--font-heading);color:var(--color-text);margin-top:12px;margin-bottom:10px;font-size:1.15rem}.blog-post-p{color:var(--color-text);font-size:.95rem}