/* CBT Engine — the block on the archive pages /{exam}/ and /{exam}/{skill}/ (0.7.0, Step 9A).
 *
 * The page itself is the theme's archive template; this block is the only
 * thing the plugin prints, above the theme's own list of tests. Rules of the
 * shared stylesheet apply: variables of cbt-shared.css only, no forced (important) rules,
 * logical properties, no class of any theme. Selectors carry two classes so
 * a theme's plain element rules (ul, li, a) cannot restyle the block. */

.cbt-ui.cbt-archive {
	margin-block: 1em 1.5em;
}

.cbt-archive .cbt-archive-lead,
.cbt-archive .cbt-archive-head,
.cbt-archive .cbt-archive-empty {
	margin: 0 0 0.6em;
	text-indent: 0;
}
.cbt-archive .cbt-archive-head {
	font-weight: 600;
	color: var(--cbt-text-muted);
}
.cbt-archive .cbt-archive-empty {
	color: var(--cbt-text-muted);
}

/* The skills, as a row of cards (like the picker's test links). */
.cbt-archive .cbt-archive-skills {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.cbt-archive .cbt-archive-skill {
	margin: 0;
	padding: 0;
}
.cbt-archive .cbt-archive-skill::before,
.cbt-archive .cbt-archive-skill::marker {
	content: none;
}
.cbt-archive .cbt-archive-skill > a {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid var(--cbt-border);
	border-radius: var(--cbt-radius);
	background-color: var(--cbt-bg);
	color: var(--cbt-primary);
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}
.cbt-archive .cbt-archive-skill > a:hover,
.cbt-archive .cbt-archive-skill > a:focus-visible {
	border-color: var(--cbt-primary-light);
	background-color: var(--cbt-primary-tint);
	color: var(--cbt-primary-hover);
	outline: none;
}
.cbt-archive .cbt-archive-skill.is-current > a {
	border-color: var(--cbt-primary);
	background-color: var(--cbt-primary-tint);
}
.cbt-archive .cbt-archive-count {
	margin-inline-start: 4px;
	font-size: 0.9em;
	color: var(--cbt-text-muted);
}