/* The Bezoekers screen (B10, editor/bezoekers.js): cards in words, one under the other, phone first. */
.visitors .periods { margin: 8px 0 14px; flex-wrap: wrap; }
.visitors .visitors-card h2, .visitors .visitors-tip h2 { margin: 0 0 6px; font-size: 17px; }
.visitors .visitors-card p { margin: 6px 0; overflow-wrap: anywhere; }
.visitors .big { font-size: 20px; line-height: 1.3; }
.visitors .now { color: var(--accent); }
.visitors .small { font-size: 14px; }
.visitors .plain { list-style: none; margin: 0; padding: 0; }
.visitors .plain li { padding: 6px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.visitors .plain li:first-child { border-top: 0; }
.visitors .shares li { display: flex; justify-content: space-between; gap: 12px; }
/* Welke pagina's werken: the title, then its visitors and the visits that began there. */
.visitors .pages li { display: flex; flex-direction: column; gap: 2px; }
.visitors .bars { list-style: none; margin: 8px 0 0; padding: 0; display: flex; align-items: flex-end; gap: 2px; height: 96px; }
.visitors .bars li { flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; }
.visitors .bars .bar { display: block; width: 100%; background: var(--accent); border-radius: 2px 2px 0 0; }
.visitors .bars-range { display: flex; justify-content: space-between; margin: 4px 0 0; font-size: 13px; }
.visitors .visitors-tip { border-color: var(--accent); }
.visitors .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }