/* The homepage's demo section: the published accounts as a table that scrolls inside itself on a phone */
.demo { max-width: 46rem; }
.demo-accounts { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.demo-accounts th,
.demo-accounts td { padding: 0.6rem 0.75rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.demo-accounts thead th { font-size: 0.85rem; font-weight: 600; color: var(--muted); }
.demo-accounts tbody th { font-weight: 500; }
.demo-accounts code { font-family: var(--font-mono); font-size: 0.95em; white-space: nowrap; }
.demo-note { margin-top: 1rem; color: var(--muted); }
.demo .actions { justify-content: flex-start; margin-top: 1.5rem; }