:root { font-family: system-ui, Arial, sans-serif; line-height: 1.5; }
body  { margin: 0; background: #0b1220; color: #e7ecf3; }
.site-header, .site-footer { padding: 16px 24px; background: #0e172a; }
.container { padding: 24px; max-width: 960px; margin: 0 auto; }
.cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap: 16px; }
.card  { background: #111827; border: 1px solid #1f2937; border-radius: 12px; padding: 16px; }
.card a { color: inherit; text-decoration: none; display: block; }
.card h2 { margin: 0 0 8px; font-size: 1.1rem; }
.tags { margin-top: 10px; display: flex; gap: 6px; flex-wrap: wrap; }
.tag  { font-size: .75rem; padding: 2px 8px; border-radius: 999px; background: #0ea5e9; color: #001018; }