.section { max-width: 1080px; margin: 0 auto 64px; padding: 0 24px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.card { display: flex; flex-direction: column; gap: 6px; padding: 18px 16px 14px; border: 1px solid var(--ink-5); border-radius: 6px; background: var(--surface); color: inherit; text-decoration: none; position: relative; min-height: 132px; }
.card:hover { border-color: var(--ink-7); background: var(--ink-3); }
.icon { color: var(--ink-9); }
.title { font-family: 'Inter Tight'; font-size: 15px; font-weight: 600; letter-spacing: -0.005em; color: var(--ink-12); margin: 4px 0 0; }
.body { font-size: 13px; color: var(--ink-9); line-height: 1.5; margin: 0; }
.more { margin-top: auto; font-family: 'JetBrains Mono'; font-size: 11px; color: var(--accent); }
@media (max-width: 900px) { .grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr; } }
