.md-typeset .hero-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0.8rem; margin: 1.2rem 0; }
.md-typeset .hero-card { border: 1px solid var(--md-default-fg-color--lightest); border-radius: 0.55rem; padding: 1rem; background: var(--md-code-bg-color); }
.md-typeset .hero-card h3 { margin-top: 0; display: flex; align-items: center; gap: 0.45rem; }
.md-typeset .hero-card .twemoji { width: 1.3em; height: 1.3em; }
.md-typeset .status-chip { display: inline-block; border-radius: 999px; padding: .12rem .55rem; font-size: .72rem; font-weight: 700; background: var(--md-accent-fg-color--transparent); color: var(--md-accent-fg-color); }