/* Section title. Tokens only (TokenLintTest). */
.c-section-title--row { padding: var(--space-2) var(--page-x); font-size: var(--text-l); font-weight: 700; line-height: 1.35; }
.c-section-title--row a { display: inline-flex; align-items: center; gap: var(--space-2); }
.c-section-title__explore { display: inline-flex; align-items: center; color: var(--color-text-muted); font-size: var(--text-s); font-weight: 500; }
.c-section-title__explore-label { display: none; }
.c-section-title--section { display: flex; align-items: baseline; gap: var(--space-2-5); margin-bottom: var(--space-3); }
.c-section-title--section :is(h2, h3) { font-size: var(--text-xl); line-height: 1.3; font-weight: 700; }
.c-section-title__count { font-size: var(--text-s); font-weight: 500; color: var(--color-text-muted); }
@media (min-width: 900px) {
	.c-section-title--row { font-size: var(--text-xl); padding-bottom: var(--space-2-5); }
}
@media (hover: hover) and (pointer: fine) {
	/* Netflix's "explore all": the label unfolds out of the chevron on hover. */
	.c-section-title__explore {
		display: inline-grid; grid-template-columns: 0fr auto;
		transition: grid-template-columns var(--t-state) var(--ease-out);
	}
	.c-section-title__explore-label {
		display: block; min-width: 0; overflow: hidden; white-space: nowrap;
		opacity: 0; transition: opacity var(--t-state) var(--ease-out);
	}
	.c-section-title--row a:hover .c-section-title__explore, .c-section-title--row a:focus-visible .c-section-title__explore { grid-template-columns: 1fr auto; }
	.c-section-title--row a:hover .c-section-title__explore-label, .c-section-title--row a:focus-visible .c-section-title__explore-label { opacity: 1; }
}
@media (pointer: coarse) {
	.c-section-title--row a { position: relative; }
	.c-section-title--row a::before { content: ""; position: absolute; inset: calc(-1 * var(--hit-extend-l)) calc(-1 * var(--hit-extend-lx)); }
}
@media (prefers-reduced-motion: reduce) {
	.c-section-title__explore { transition: none; }
}
