/* 06-components/_resource-strip.css — .c-resource-strip: the machine tabs under the topbar. */
.c-resource-strip { display: flex; gap: var(--space-2xs); overflow-x: auto; scrollbar-width: none; padding-inline: var(--gutter-page); background: var(--surface); border-bottom: var(--stroke) solid var(--rule); }
.c-resource-strip::-webkit-scrollbar { display: none; }
.c-resource-strip__tab { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex: none; padding: var(--space-sm) var(--space-sm) var(--space-xs); border-bottom: var(--stroke-tab) solid transparent; color: var(--ink-muted); text-decoration: none; font-weight: var(--weight-medium); white-space: nowrap; margin-bottom: -1px; }
.c-resource-strip__tab:hover { color: var(--ink); }
@media (pointer: coarse) { .c-resource-strip__tab { min-height: var(--height-control); justify-content: center; } }
.c-resource-strip__tab[aria-current="page"] { color: var(--ink); border-bottom-color: var(--accent); }
.c-resource-strip__group { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-faint); }
.c-resource-strip__name { display: inline-flex; align-items: center; gap: var(--space-xs); }
.c-resource-strip__dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--band-dot, var(--rule-strong)); }
.c-resource-strip__tab.is-retired { opacity: 0.55; text-decoration: line-through; }