.stack { padding: 3.5rem 0; } .stack-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; } .stack-group { padding: 1.25rem; border: 0.0625rem solid var(--border); border-radius: 0.75rem; background: var(--bg-card); transition: all 0.2s; } .stack-group:hover { border-color: var(--border-hover); background: var(--bg-card-hover); } .stack-group h3 { margin-bottom: 0.75rem; color: var(--fg-muted); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.0625rem; text-transform: uppercase; } .stack-chips { display: flex; flex-wrap: wrap; gap: 0.3rem; } .stack-chip { padding: 0.2rem 0.6rem; border: 0.0625rem solid var(--chip-border); border-radius: 0.25rem; background: var(--chip-bg); color: var(--fg-secondary); font-size: 0.75rem; font-weight: 400; } @media (max-width: 43.75rem) { .stack-grid { grid-template-columns: 1fr; } }