/* Article-specific styles loaded by /blog/<slug>/index.html (post-legal.css). */
.bl-list { list-style: none; padding: 0; margin: 0; max-width: 880px; }
.bl-list li { padding: 24px 0; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 110px 1fr; gap: 24px; align-items: baseline; }
.bl-list .bl-date { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .1em; color: var(--muted); text-transform: uppercase; }
.bl-list .bl-link { font-size: 18px; color: var(--fg); text-decoration: none; }
.bl-list .bl-link:hover { color: var(--accent); }
.bl-list .bl-desc { font-size: 14px; color: var(--muted); margin-top: 6px; line-height: 1.5; }
.bl-list .bl-cat { display: inline-block; margin-top: 8px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .1em; color: var(--accent); text-transform: uppercase; }
@media (max-width: 720px) { .bl-list li { grid-template-columns: 1fr; gap: 6px; } }