/* 06-components/_subnav.css — .c-subnav: pill tabs within a module. */
.c-subnav { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.c-subnav__item { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: var(--height-control-sm); padding-inline: var(--space-md); border: var(--stroke) solid var(--rule); border-radius: var(--radius-pill); background: var(--surface); color: var(--ink-muted); font-weight: var(--weight-medium); text-decoration: none; }
.c-subnav__item:hover { color: var(--ink); border-color: var(--rule-strong); }
.c-subnav__item[aria-current="page"], .c-subnav__item[aria-pressed="true"] { background: var(--surface-sunken); border-color: var(--ink-faint); color: var(--ink); }
.c-subnav__count { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-faint); }