/* Kursseiten Sek I – Farben je Fach hier anpassen */
.ks-englisch { --ks-akzent: #1d4ed8; --ks-hell: #e8eefc; }
.ks-pp       { --ks-akzent: #0f766e; --ks-hell: #e3f4f1; }
.ks-seite    { --ks-rand: #d6dbe4; }

.ks-kopf {
	background: var(--ks-hell);
	border-radius: 12px;
	padding: clamp(1.25rem, 4vw, 2rem);
	margin-bottom: 1.5rem;
}
.ks-kopf h1 { margin: .3rem 0 .5rem; }
.ks-kopf p:last-child { margin-bottom: 0; }

.ks-badges { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; }
.ks-badge {
	background: var(--ks-akzent);
	color: #fff;
	font-size: .8rem;
	font-weight: 600;
	padding: .2rem .6rem;
	border-radius: 999px;
}

.ks-abschnitt { margin-block: 2rem; }
.ks-abschnitt h2 {
	border-bottom: 3px solid var(--ks-akzent);
	padding-bottom: .3rem;
}

.ks-thema {
	border: 1px solid var(--ks-rand);
	border-radius: 10px;
	padding: .75rem 1.1rem;
	margin-block: .75rem;
	background: #fff;
}
.ks-thema > summary { font-weight: 600; cursor: pointer; }
.ks-thema[open] > summary { margin-bottom: .5rem; color: var(--ks-akzent); }
.ks-meta { font-size: .9rem; color: #555; }

.ks-materialliste { list-style: none; padding-left: 0; }
.ks-materialliste li { padding: .35rem 0; border-bottom: 1px dashed var(--ks-rand); }
.ks-materialliste li:last-child { border-bottom: 0; }

.ks-typ {
	display: inline-block;
	min-width: 6.5rem;
	text-align: center;
	font-size: .75rem;
	font-weight: 600;
	padding: .15rem .5rem;
	margin-right: .5rem;
	border-radius: 4px;
	color: #fff;
}
.ks-typ-ab       { background: #1d4ed8; }
.ks-typ-loesung  { background: #15803d; }
.ks-typ-vokabeln { background: #b45309; }
.ks-typ-audio    { background: #b91c1c; }
.ks-typ-text     { background: #7c3aed; }