/* 1년 새 늘어난 · 줄어든 생활업종 (국세청) — 허브 #nts (tools/gen_hub.py · 10-08) */
.nts { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px; }
.nts-h { font-size: 14px; margin: 0 0 8px; }
.nts-h.up { color: var(--blue); } .nts-h.down { color: #c2410c; }
.nts-r { position: relative; display: grid; grid-template-columns: 7.5em 1fr 4.2em; align-items: center; gap: 8px; padding: 5px 0; font-size: 14px; }
.nts-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nts-b { height: 10px; background: #eef2f7; border-radius: 5px; overflow: hidden; }
.nts-b i { display: block; height: 100%; border-radius: 5px; }
.nts-b i.up { background: var(--blue); } .nts-b i.down { background: #ea8a5b; }
.nts-r b { text-align: right; font-variant-numeric: tabular-nums; }
.nts-r b.up { color: var(--blue); } .nts-r b.down { color: #c2410c; }
.nts-r:hover::after { content: attr(data-tip); position: absolute; right: 0; bottom: calc(100% - 2px); padding: 4px 8px; border-radius: 8px; background: #121a2b; color: #fff; font-size: 12px; white-space: nowrap; pointer-events: none; z-index: 2; }
@media (max-width: 640px) { .nts { grid-template-columns: 1fr; } }