/* category-extras — no Figma frame: section heads + outline pills (PDF menus) + video tiles. */

.category-extras {
	padding-block: calc(var(--space-section) / 2);
}

.category-extras__inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-section);
}

.category-extras__group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-12);
}

.category-extras__menus {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-6);
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-extras__videos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	gap: var(--space-6);
	inline-size: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-extras__video {
	overflow: hidden; /* radius mask */
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-card);
	background: var(--color-ink);
}

.category-extras__video video,
.category-extras__video iframe {
	display: block;
	inline-size: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	border: 0;
}