.demo-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.demo-table th, .demo-table td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.demo-table th { color: var(--muted); font-size: 10px; font-weight: 500; }
.demo-table td:last-child { color: var(--accent); }
.demo-table tr:last-child td { border-bottom: 0; }
.demo-table-wrap { overflow-x: auto; }
.demo-description { color: var(--muted); font-size: 12px; padding: 14px 16px; margin: 0; }
.demo-note { font-size: 11px; color: var(--muted); margin-top: 16px; }
.demo-chip { color: var(--accent); font-size: 10px; }
.demo-empty { padding: 25px 17px; color: var(--muted); line-height: 1.7; }
.demo-choice { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 16px; }
.demo-choice button[aria-pressed="true"] { background: #142b47; border-color: #2a4d73; color: #a5d5fa; }
@media (max-width: 700px) { .demo-table { min-width: 500px; } }