/* view-tabs: a row of links to the views of one page (a page's tabs).
   Markup: <nav class='view-tabs' aria-label='…'><ul><li><a aria-current='page'>
   Used at: /admin/reddit-leads, /admin/connections
   Specimen: /design-system/components/view-tabs

   The current view is the one link that isn't underlined. */

.view-tabs ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-small) var(--space-large);
	list-style: none;
	padding: 0;
	margin: 0;

	[aria-current] {
		color: var(--ink-primary);
		text-decoration: none;
		font-weight: 600;
	}
}
