/*
 * 🎬 Trascrizione del video sotto il contenuto (AISA 2.0.7) — frontend.
 * Colori, font e larghezza ereditati dal tema: niente colori fissi, solo currentColor con
 * trasparenze, così vale in tema chiaro e scuro. Icone del set monoline (aisa_icon, 1em).
 */
.aisa-transcript {
	margin: 1.5em 0;
	border: 1px solid rgba(127, 127, 127, 0.35);
	border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
	border-radius: 8px;
	padding: 0 1em;
}
.aisa-transcript__summary {
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.85em 0;
	cursor: pointer;
	font-weight: 600;
	list-style-position: inside;
}
.aisa-transcript__summary::marker,
.aisa-transcript__summary::-webkit-details-marker {
	color: inherit;
}
.aisa-transcript .aisa-ico,
.aisa-transcript__ico {
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	vertical-align: -0.125em;
}
/* Più video nella pagina: il titolo del video accanto a «Transcript» (2.0.7). */
.aisa-transcript__video {
	font-weight: 400;
	opacity: 0.8;
	overflow-wrap: anywhere;
}
.aisa-transcript__video::before {
	content: "\00B7";
	margin-right: 0.5em;
}
.aisa-transcript[open] .aisa-transcript__summary {
	border-bottom: 1px solid rgba(127, 127, 127, 0.25);
	border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
	margin-bottom: 0.75em;
}
.aisa-transcript__chapters {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}
.aisa-transcript__chapters li {
	display: flex;
	align-items: baseline;
	gap: 0.6em;
	margin: 0.3em 0;
}
.aisa-transcript__time {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	min-width: 4.5em;
	font-variant-numeric: tabular-nums;
	text-decoration: none;
}
.aisa-transcript__time:hover,
.aisa-transcript__time:focus {
	text-decoration: underline;
}
.aisa-transcript__text {
	max-height: 28em;
	overflow-y: auto;
	padding-bottom: 0.5em;
}
.aisa-transcript__text p {
	margin: 0 0 0.9em;
}
.aisa-transcript-empty {
	opacity: 0.7;
	font-style: italic;
}
