.mq-blog-list { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
.mq-blog-card { border-bottom: 1px solid var(--mq-border); padding-bottom: 24px; }
.mq-blog-card h2 { margin-bottom: 4px; }
.mq-blog-card h2 a { color: var(--mq-text); text-decoration: none; }
.mq-blog-card h2 a:hover { color: var(--mq-accent-bright); }
.mq-blog-card__meta { color: var(--mq-text-faint); font-size: 0.85rem; }