/* Block: Topics list. Figma: Courses & Syllabi 1:664-1:682 */

.section--topics-list {
	--pt: clamp(64px, 9.8vw, 188px);
	--pb: clamp(0px, 3.44vw, 66px);
}

.topics-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.topics-list__title {
	line-height: 1;
	letter-spacing: -0.05em;
}

.topics-list__text {
	max-width: 29.4em; /* 470 at 16px */
	margin-top: clamp(28px, 4.01vw, 77px);
}

.topics-list__label {
	margin-top: 5px;
	padding-left: 14px;
	border-left: 3px solid currentColor;
	line-height: 1;
}

.topics-list__items { margin: clamp(40px, 4.69vw, 90px) 0 0; }

.topics-list__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: clamp(16px, 1.2vw, 23px) 10px clamp(16px, 1.2vw, 23px) 20px;
	border-top: 1px solid var(--c-rule);
	font-size: clamp(1rem, 1.04vw, 1.25rem); /* 20 */
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.topics-list__items li:last-child .topics-list__item { border-bottom: 1px solid var(--c-rule); }

.topics-list__item .icon {
	flex: none;
	width: 12px;
	height: 12px;
	transition: transform 0.35s var(--ease);
}

a.topics-list__item { transition: padding-left 0.4s var(--ease); }
a.topics-list__item:hover { padding-left: 30px; }
a.topics-list__item:hover .icon { transform: translate(2px, -2px); }

@media (max-width: 1024px) {
	.topics-list {
		grid-template-columns: 1fr;
		gap: var(--space-m);
	}
}