/**
 * Tabs.
 *
 * The panels are plain elements with `hidden`; the script only moves that
 * attribute around, so a page with no JavaScript shows the first panel rather
 * than nothing.
 */

.tabs__list{
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	padding:.35rem;
	border:1px solid var(--color-border,#dce3ee);
	border-radius:12px;
	background:var(--color-surface,#fff);
}

.tabs__tab{
	padding: 0.65rem 1rem;
	border: 0;
	border-radius:8px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.tabs__tab[aria-selected="true"]{
	background:var(--color-primary,#1264e8);
	color:#fff;
	font-weight: 600;
}

.tabs__panel{
	padding: 1.25rem .35rem .35rem;
	color:var(--color-muted,#5b667a);
}