.hn-stack { display: flex; flex-direction: column; gap: var(--ui-space-4); }
.hn-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2); }
.hn-muted { color: var(--ui-muted); }
.hn-page { width: 100%; max-width: 1280px; margin-inline: auto; padding: var(--ui-space-6); }
.hn-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 6px; background: var(--ui-primary-soft); color: var(--ui-primary); font-size: 12px; font-weight: 600; }
.hn-badge--success { background: var(--ui-success-bg); color: var(--ui-success); }
.hn-badge--danger { background: var(--ui-danger-bg); color: var(--ui-danger); }
.hn-badge--warning { background: var(--ui-warning-bg); color: var(--ui-warning); }
@media (max-width: 600px) { .hn-page { padding: var(--ui-space-3); } }