/* tools.noesis.nz — cuma yang tidak ada di hanif-ui 4.3. Semua nilai dari token. */
.hub { min-height: 100dvh; display: grid; align-content: center; gap: var(--s7); padding-block: var(--s8); }
.hub-head { display: grid; gap: var(--s2); }
.hub-list { display: grid; gap: var(--s3); }
.hub-tool { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s4); padding: var(--s4); text-decoration: none; color: inherit; }
.hub-mark { width: 44px; height: 44px; border-radius: var(--r-btn); background: var(--sunk); display: grid; place-items: center; color: var(--ink-2); }
.hub-text { display: grid; gap: 2px; min-width: 0; }
.hub-name { font-weight: 640; font-size: var(--t-lg); }
.hub-tag { white-space: nowrap; }
.hub-go { color: var(--ink-3); }
@media (max-width: 480px) { .hub-tag { display: none; } }
.hub-foot a { color: var(--ink-3); }
@media (hover: hover) { .hub-foot a:hover { color: var(--ink); } }