/* Tiệm Truyện Chữ · app (#/ttc-app) — chỉ các lớp riêng của trang này; còn lại dùng style.css chung. */
.pf-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 16px; }
.pf-tabs .pf-k { padding: 8px 14px; gap: 8px; font-weight: 500; cursor: pointer; text-decoration: none; color: var(--foreground); }
.pf-tabs .pf-k svg { width: 16px; height: 16px; }

.grid3 { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 14px; }
@media (max-width: 720px) { .grid3 { grid-template-columns: 1fr; } }

.card.stat .k { color: var(--muted-fg); font-size: 12px; margin: 0; }
.card.stat .v { font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; margin: 4px 0 0; }

.tbl { margin-top: 8px; }
.clamp2 { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 440px; }
.right { text-align: right; }
.log-box { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; max-height: 280px; overflow: auto;
  background: color-mix(in srgb, var(--muted) 50%, transparent); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; margin-top: 8px; }
.log-box div { padding: 2px 0; }