/* Úzké číselné sloupce umožňují zobrazit celou ASCII sadu v přehledných blocích. */
.ascii-tool { padding: 22px; container-type: inline-size; }
.ascii-tables { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ascii-table { width: 100%; border-collapse: collapse; font-size: var(--font-size-base); }
.ascii-table th, .ascii-table td { padding: 5px 4px; border: 1px solid var(--line); text-align: center; white-space: nowrap; }
.ascii-table thead th { background: var(--navy); font-size: var(--font-size-base); }
.ascii-table tbody th, .ascii-table tbody td { font: var(--font-size-base)/1.6 Consolas, "Courier New", monospace; }
/* Barvy hodnot podle číselné soustavy: DEC Lime, HEX bílá, BIN tyrkysová. */
.ascii-table tbody th { color: lime; font-weight: 400; }
.ascii-table tbody td:nth-child(2) { color: white; }
.ascii-table tbody td:nth-child(3) { color: turquoise; }
.ascii-table tbody tr:nth-child(even) { background: var(--bg); }
.ascii-table tbody tr:hover { background: var(--surface-hover); }
.ascii-character code { color: var(--heading); font: 700 var(--font-size-base)/1.4 Consolas, "Courier New", monospace; }
.ascii-character .ascii-control { color: var(--accent); font-size: var(--font-size-base); }
/* Počet bloků reaguje na skutečnou šířku obsahu vedle bočního menu. */
@container (max-width: 860px) {
    .ascii-tables { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
}
@container (max-width: 430px) {
    .ascii-tables { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
    .ascii-tool { padding: 16px; }
}