.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-grid)}.card{min-height:118px;padding:18px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-surface)}.card h2{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--color-text-muted);line-height:1.55}.card.large{min-height:230px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}.table-demo{width:100%;border-collapse:collapse;margin-top:14px}.table-demo th,.table-demo td{padding:12px;border-bottom:1px solid var(--color-border);text-align:left;font-size:13px}.table-demo th{color:var(--color-text-muted);font-weight:650}@media(max-width:1100px){.span-3{grid-column:span 6}.span-8,.span-4{grid-column:1/-1}}@media(max-width:650px){.span-3{grid-column:1/-1}.content-grid{gap:14px}}