/* A readable, editable summary that stays visible without JavaScript. */
.wp-block-group.dk9-episode-summary {
	--dk9-summary-ink: #183b45;
	--dk9-summary-accent: #14665e;
	box-sizing: border-box;
	margin-block: 1.75rem 2rem;
	padding: clamp(1.2rem, 4vw, 1.75rem) clamp(1.2rem, 4vw, 2rem);
	border: 1px solid #e0e4d9;
	border-inline-start: 4px solid var(--dk9-summary-accent);
	border-radius: 16px;
	background: linear-gradient(115deg, #f7f8ef 0%, #fcf9f3 100%);
	color: var(--dk9-summary-ink);
	box-shadow: 0 4px 18px rgba(24, 59, 69, .045);
	overflow-wrap: anywhere;
}

.dk9-episode-summary .dk9-episode-summary__heading {
	display: flex;
	align-items: center;
	gap: .7rem;
	max-width: none;
	margin: 0 0 .7rem;
	padding: 0;
	border: 0;
	color: var(--dk9-summary-accent);
	font-family: inherit;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .015em;
	line-height: 1.4;
	text-transform: none;
}

/* The small diamond is decorative; the heading supplies the accessible label. */
.dk9-episode-summary .dk9-episode-summary__heading::before {
	content: "";
	display: block;
	flex: 0 0 .55rem;
	width: .55rem;
	height: .55rem;
	margin-inline: .15rem;
	border: 1.5px solid currentColor;
	border-radius: 1px;
	transform: rotate(45deg);
}

.dk9-episode-summary .dk9-episode-summary__text {
	max-width: 76ch;
	margin: 0;
	padding: 0;
	color: var(--dk9-summary-ink);
	font-family: inherit;
	font-size: clamp(1rem, .98rem + .1vw, 1.075rem);
	line-height: 1.75;
}

.dk9-episode-summary .dk9-episode-summary__text a {
	color: var(--dk9-summary-accent);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.dk9-episode-summary .dk9-episode-summary__text a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

@media (max-width: 480px) {
	.wp-block-group.dk9-episode-summary {
		margin-block: 1.4rem 1.75rem;
		border-radius: 12px;
	}
}

@media (forced-colors: active) {
	.wp-block-group.dk9-episode-summary {
		border-color: CanvasText;
		background: Canvas;
		box-shadow: none;
	}
}

@media print {
	.wp-block-group.dk9-episode-summary {
		break-inside: avoid;
		background: #fff;
		box-shadow: none;
	}
	.dk9-episode-summary .dk9-episode-summary__heading {
		break-after: avoid;
	}
}