html[data-scroll-site] #page-ia .scroll-demo {
	width: 100%;
	max-width: 640px;
	align-self: center;
	min-width: 0;
	order: 2;
	text-align: left;
	pointer-events: auto;
}
.scroll-demo-controls label {
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
}
.scroll-demo-controls select {
	width: 100%;
	min-height: 48px;
	padding: 12px 32px 12px 12px;
	font: inherit;
	font-size: 16px;
	color: var(--blue-text);
	background: var(--blue-night-bg, var(--blue-bg));
	border: 1px solid var(--line-strong);
	border-radius: 6px;
}
.scroll-demo-graph {
	display: block;
	width: 100%;
	height: clamp(190px, 28dvh, 300px);
	border: 0;
	margin-block: 12px;
	border-radius: 6px;
	background: #061522;
}
.scroll-demo-answer {
	font-size: 16px;
	line-height: 1.5;
	min-height: 116px;
}
.scroll-demo-answer p {
	margin: 8px 0 0;
	color: var(--blue-muted);
}
.scroll-demo-sources {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.5;
}
.scroll-demo-sources summary {
	cursor: pointer;
	padding-block: 8px;
}
.scroll-demo-note {
	font-size: 12px;
	color: var(--blue-muted);
	margin: 8px 0 0;
}
html[data-scroll-site]:has(#section-realisations.is-active #page-ia.is-current)
	#stage {
	display: none !important;
}
html[data-scroll-site] #page-siteweb .scroll-work-frame {
	width: 100%;
	max-width: 660px;
	margin: auto;
}
html[data-scroll-site] #page-siteweb .scroll-work-frame .screen {
	position: static !important;
	width: 100% !important;
	margin: 0 !important;
	display: block !important;
	background: transparent;
}
html[data-scroll-site] #page-siteweb .scroll-work-frame .screen[hidden] {
	display: none !important;
}
html[data-scroll-site] #page-siteweb .scroll-work-frame .vp {
	max-height: none !important;
	aspect-ratio: 16 / 10 !important;
	overflow-y: auto;
	scrollbar-width: thin;
}
html[data-scroll-site] #page-siteweb .scroll-work-frame img {
	transform: none !important;
}
.scroll-work-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 12px;
	font-size: 13px;
}
.scroll-work-controls button {
	width: 44px;
	height: 44px;
	background: transparent;
	color: var(--blue-text);
	border: 1px solid var(--line);
	border-radius: 50%;
	font-size: 22px;
	cursor: pointer;
}
.scroll-work-controls button:disabled {
	opacity: 0.35;
	cursor: default;
}
@media (min-width: 901px) and (min-height: 571px) {
	html[data-blue-style][data-scroll-site] #page-ia .stage-inner {
		grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
		padding-bottom: 180px;
	}
	html[data-scroll-site] #page-ia .scroll-demo {
		max-height: calc(100dvh - 300px);
		overflow-y: auto;
	}
}
@media (max-width: 900px), (max-height: 570px) {
	html[data-blue-style][data-scroll-site] #page-ia .stage-inner {
		justify-content: flex-start !important;
		gap: 20px !important;
	}
	html[data-scroll-site] .scroll-demo-graph {
		height: 200px;
	}
	html[data-scroll-site] .scroll-demo-answer {
		min-height: 0;
	}
}