.uk-sd-detail-topics {
	background: #f5f9fb;
	border-top: 5px solid var(--ulmkolleg-sd-secondary, #009a9b);
	margin: 0;
	padding: 1.5rem;
}

.uk-sd-detail-topics h2 {
	color: var(--ulmkolleg-sd-primary, #c7017f);
	font-family: "Roboto Slab", Georgia, serif;
	font-size: 1.15rem;
	font-weight: 800;
	margin: 0 0 1rem;
}

.uk-sd-detail-topics ul {
	display: grid;
	gap: .25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.uk-sd-detail-topics a {
	color: #5a5a5a;
	display: block;
	border-left: 3px solid transparent;
	font-family: Roboto, ui-sans-serif, system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	padding: .65rem .75rem;
	text-decoration: none;
}

.uk-sd-detail-topics a:hover,
.uk-sd-detail-topics a:focus-visible,
.uk-sd-detail-topics a.is-active {
	background: #fff;
	border-left-color: var(--ulmkolleg-sd-accent, #f59b00);
	color: var(--ulmkolleg-sd-primary, #c7017f);
}

@media (min-width: 1024px) {
	.uk-sd-breadcrumb-spacer {
		min-height: 20px;
	}

	.uk-sd-theme-detail-grid {
		column-gap: 0 !important;
	}

	.uk-sd-theme-detail-grid > .uk-sd-theme-detail-column {
		/* The event grid itself provides the shared 16px content inset. */
		padding-left: 0;
	}

	.uk-sd-theme-nav-stack {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.uk-sd-theme-nav-stack > ul > li {
		background-color: #fff !important;
	}

	.uk-sd-theme-nav-stack > ul > li > a:not(.text-text) > span:last-child {
		color: #30343b !important;
	}

	.uk-sd-theme-nav-stack > ul > li > a.text-text > span:last-child,
	.uk-sd-theme-nav-stack > ul > li > a:hover > span:last-child,
	.uk-sd-theme-nav-stack > ul > li > a:focus-visible > span:last-child {
		color: #fff !important;
	}
}

@media (max-width: 1023px) {
	.uk-sd-theme-detail-header {
		height: auto !important;
		min-height: 300px;
	}

	.uk-sd-theme-detail-hero-host {
		min-height: 300px;
	}

	.uk-sd-theme-detail-hero-host > .is-theme-header {
		height: auto;
	}

	.uk-sd-detail-topics {
		display: none;
	}

	.uk-sd-theme-detail-grid > .uk-sd-theme-detail-column {
		padding-left: 0;
	}
}

/* Keep the theme logo and menu above SeminarDesk heroes on tablets. */
@media (min-width: 681px) and (max-width: 1023px) {
	body.uk-sd-detail-page .uk-sd-theme-site-header {
		background: #fff;
		min-height: 92px;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__ribbon {
		height: 12px !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__bar {
		align-items: center;
		background: #fff;
		display: flex;
		height: 80px;
		padding: 0 1.75rem;
		position: relative !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__menu {
		display: flex !important;
		height: 50px;
		margin: 0 !important;
		width: 50px;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header nav,
	body.uk-sd-detail-page main#content > nav {
		display: none !important;
	}

	body.uk-sd-detail-page main#content {
		margin-top: 0 !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__logo-link {
		margin: 0 !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__logo {
		height: 70px !important;
		max-width: min(46vw, 290px);
		object-fit: contain;
		width: auto;
	}

	.uk-sd-theme-detail-header,
	.uk-sd-theme-detail-hero-host {
		min-height: 260px;
	}

	.uk-sd-theme-detail-header > :not(.uk-sd-theme-detail-hero-host) {
		display: none !important;
	}

	.uk-sd-theme-detail-hero-host {
		grid-column: 1 / -1 !important;
	}

	.uk-sd-theme-detail-grid > :first-child {
		display: none !important;
	}

	.uk-sd-theme-detail-grid > .uk-sd-theme-detail-column {
		grid-column: 1 / -1 !important;
		min-width: 0;
	}
}

@media (max-width: 680px) {
	body.uk-sd-detail-page .uk-sd-theme-site-header {
		background: #fff;
		min-height: 82px;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__ribbon {
		height: 12px !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__bar {
		align-items: center;
		background: #fff;
		display: flex;
		height: 70px;
		padding: 0 1rem;
		position: relative !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__menu {
		height: 48px;
		margin: 0 !important;
		width: 48px;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__logo-link {
		margin: 0 !important;
	}

	body.uk-sd-detail-page .uk-sd-theme-site-header__logo {
		height: 62px !important;
		max-width: min(68vw, 250px);
		object-fit: contain;
		width: auto;
	}

	.uk-sd-theme-detail-header,
	.uk-sd-theme-detail-hero-host {
		height: auto !important;
		min-height: 0;
	}
}