/* Transcript text remains in the page and readable when scripts are unavailable. */
.dk9-podcast-transcript {
	--dk9-ink: #183b45;
	--dk9-accent: #14665e;
	--dk9-line: #d8e4e1;
	box-sizing: border-box;
	max-height: 42rem;
	overflow: auto;
	margin-block: 2.5rem;
	padding: 0;
	border: 1px solid var(--dk9-line);
	border-top: 4px solid var(--dk9-accent);
	border-radius: 16px;
	background: #fff;
	color: #263c41;
	box-shadow: 0 8px 28px rgba(24, 59, 69, .07);
	line-height: 1.8;
	scroll-margin-top: 2rem;
	font-size: 1rem;
}

.dk9-podcast-transcript.dk9-transcript-with-body {
	max-height: none;
	overflow: hidden;
}

.dk9-podcast-transcript > h2 {
	max-width: none;
	margin: 0;
	padding: 1.4rem clamp(1rem, 4vw, 2rem) 0;
	color: var(--dk9-ink);
	font-size: clamp(1.35rem, 2.5vw, 1.8rem);
	line-height: 1.3;
	scroll-margin-top: 2rem;
}

.dk9-podcast-transcript > .dk9-transcript-intro {
	max-width: none;
	margin: .55rem 0 0;
	padding: 0 clamp(1rem, 4vw, 2rem) 1.3rem;
	color: #52676c;
	font-size: .95rem;
	line-height: 1.6;
}

.dk9-podcast-transcript .dk9-transcript-body {
	box-sizing: border-box;
	max-width: none;
	max-height: 38rem;
	max-height: min(65vh, 38rem);
	margin: 0;
	padding: 1.5rem clamp(1rem, 4vw, 2rem) 2rem;
	overflow-y: auto;
	overflow-wrap: anywhere;
	scrollbar-gutter: stable;
	scrollbar-width: auto;
	scrollbar-color: #789a94 #edf4f1;
	border-top: 1px solid var(--dk9-line);
	background: #fbfdfc;
}

.dk9-podcast-transcript .dk9-transcript-body:focus-visible {
	outline: 3px solid var(--dk9-accent);
	outline-offset: -4px;
}

.dk9-podcast-transcript h3 {
	margin: 2rem 0 .85rem;
	padding-bottom: .65rem;
	border-bottom: 1px solid var(--dk9-line);
	color: var(--dk9-ink);
	font-size: 1.1em;
	line-height: 1.5;
}

.dk9-podcast-transcript .dk9-transcript-body > :first-child {
	margin-top: 0;
}

.dk9-podcast-transcript .dk9-transcript-body p {
	max-width: 76ch;
	margin: 0 0 1.2em;
}

.dk9-podcast-transcript .dk9-transcript-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0 clamp(1rem, 4vw, 2rem) 1.25rem;
	padding: .55rem 1rem;
	border: 1px solid var(--dk9-accent);
	border-radius: 8px;
	background: #eff7f4;
	color: #125c54;
	font: inherit;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}

.dk9-podcast-transcript .dk9-transcript-toggle:hover {
	background: #e0eee8;
}

.dk9-podcast-transcript .dk9-transcript-toggle:focus-visible {
	outline: 3px solid var(--dk9-accent);
	outline-offset: 3px;
}

.dk9-podcast-transcript.dk9-transcript-expanded,
.dk9-podcast-transcript.dk9-transcript-expanded .dk9-transcript-body {
	max-height: none;
	overflow: visible;
}

@media (max-width: 480px) {
	.dk9-podcast-transcript {
		border-radius: 12px;
	}
	.dk9-podcast-transcript .dk9-transcript-body {
		max-height: 60vh;
	}
	.dk9-podcast-transcript.dk9-transcript-expanded .dk9-transcript-body {
		max-height: none;
	}
}

@media print {
	.dk9-podcast-transcript,
	.dk9-podcast-transcript .dk9-transcript-body {
		max-height: none !important;
		overflow: visible !important;
		background: #fff;
		box-shadow: none;
	}
	.dk9-podcast-transcript .dk9-transcript-toggle,
	.dk9-podcast-transcript .dk9-transcript-intro {
		display: none;
	}
	.dk9-podcast-transcript h3 {
		break-after: avoid;
	}
}