.kku-index-layout {
	display: grid;
	grid-template-columns: minmax(0, 100%) minmax(280px, 340px);
	gap: 1rem;
	align-items: start;
	width: calc(100% + 356px);
}

.kku-index-main {
	min-width: 0;
}

.kku-index-sidebar {
	min-width: 0;
	margin-top: .5rem;
}

.kku-education-sidebar-card {
	position: sticky;
	top: 1rem;
}

.kku-education-tip {
	border: 1px solid rgba(37, 99, 235, .16);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(6, 182, 212, .08));
	color: #0f172a;
	font-size: .95rem;
	line-height: 1.7;
	padding: 1rem 1.125rem;
}

.kku-education-tip p {
	margin: 0;
}

.kku-education-tip-accent {
	box-shadow: inset 4px 0 0 rgba(37, 99, 235, .75);
}

@media (max-width: 1023px) {
	.kku-index-layout {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.kku-index-sidebar {
		margin-top: 0;
	}

	.kku-education-sidebar-card {
		position: static;
	}
}