.mdx-dashboard-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--mdx-space-4); }
.mdx-dashboard-grid > * { grid-column: span 12; }
@media (min-width: 768px) { .mdx-dashboard-grid > .mdx-span-6 { grid-column: span 6; } .mdx-dashboard-grid > .mdx-span-4 { grid-column: span 4; } .mdx-dashboard-grid > .mdx-span-3 { grid-column: span 3; } }