.ck-cat-title { display: flex; align-items: center; gap: 10px; margin: 28px 0 8px; font-size: 17px; }
.ck-count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 22px; padding: 0 8px; border-radius: 999px; border: 1px solid var(--line); background: var(--bg-input); color: var(--ink-dim); font-size: 12px; font-weight: 600; }

/* A five-column table cannot shrink below a readable width, so it scrolls inside its own box rather than stretching the page. */
.ck-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; margin-top: 14px; }
.ck-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 13.5px; }
.ck-table th { text-align: left; padding: 12px 14px; background: var(--bg-input); color: var(--ink-faint); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid var(--line); white-space: nowrap; }
.ck-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); color: var(--ink-dim); vertical-align: top; }
.ck-table tr:last-child td { border-bottom: 0; }
.ck-table td:first-child { white-space: nowrap; }
.ck-table td:nth-child(3) { min-width: 280px; color: var(--ink); }
.ck-table code { font-size: 12.5px; color: var(--ink); }

.ck-tag { display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 6px; border: 1px solid var(--line); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; }

@media (max-width: 720px) {
    .ck-table-wrap { border-radius: 10px; }
    .ck-table { font-size: 13px; }
}