.docs-entry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.docs-entry-grid .hub-card {
    min-height: 230px;
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-elevated) 100%);
}

.docs-entry-grid .hub-card p {
    max-width: calc(100% - 24px);
}

@media (max-width: 1080px) {
    .docs-entry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .docs-entry-grid {
        grid-template-columns: 1fr;
    }
}