/*
 * R05 — virtualization platform presentation layer.
 *
 * The factory core owns routing and data markers only. The visible hierarchy
 * is intentionally composed against the existing adapter DOM so that storage,
 * migration, and compute pages keep distinct visual languages without adding
 * another generic shell or exposing internal family metadata.
 */

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] {
	--r05-accent: #63d5bf;
	--r05-accent-soft: rgba(99, 213, 191, .12);
	--r05-line: rgba(99, 213, 191, .34);
	--r05-panel: #0b2230;
	--r05-panel-strong: #102d3a;
	--r05-surface: #071725;
	--type-accent: var(--r05-accent);
	--type-accent-soft: var(--r05-accent-soft);
}
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] {
	--r05-accent: #7da7ff;
	--r05-accent-soft: rgba(125, 167, 255, .12);
	--r05-line: rgba(125, 167, 255, .36);
	--r05-panel: #0b1d33;
	--r05-panel-strong: #102844;
	--r05-surface: #071421;
	--type-accent: var(--r05-accent);
	--type-accent-soft: var(--r05-accent-soft);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] {
	--r05-accent: #f2bd6b;
	--r05-accent-soft: rgba(242, 189, 107, .12);
	--r05-line: rgba(242, 189, 107, .38);
	--r05-panel: #241e18;
	--r05-panel-strong: #33271c;
	--r05-surface: #111923;
	--type-accent: var(--r05-accent);
	--type-accent-soft: var(--r05-accent-soft);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-virtualization-platform-factory__body,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-virtualization-platform-factory__body,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-virtualization-platform-factory__body {
	background: var(--r05-surface);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .yuqi-factory-adapter,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .yuqi-factory-adapter,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .yuqi-factory-adapter {
	border-top: 0;
	padding-block: 0;
}

/* Shared adapter hierarchy: the actual business hero and sections are the page's first visible layer. */
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero {
	background:
		radial-gradient(circle at 86% 16%, var(--r05-accent-soft), transparent 34%),
		linear-gradient(180deg, var(--r05-surface) 0%, #06131f 92%);
	border-bottom: 1px solid var(--r05-line);
	padding-block: clamp(56px, 7vw, 92px) 0;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-grid,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-grid,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-grid {
	max-width: 1160px;
	align-items: stretch;
	gap: clamp(32px, 5vw, 78px);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero h1,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero h1,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero h1 {
	max-width: 720px;
	text-wrap: balance;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-summary,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-summary,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-summary {
	max-width: 620px;
	text-wrap: pretty;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-media,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media {
	align-self: center;
	border: 1px solid var(--r05-line);
	box-shadow: 0 24px 70px rgba(0, 0, 0, .26);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media img,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-media img,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-signals,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-signals,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-signals {
	max-width: 1160px;
	border-top-color: var(--r05-line);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-signals > div,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-signals > div,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-signals > div {
	border-left-color: var(--r05-line);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-jump,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-jump,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-jump {
	background: rgba(5, 16, 28, .92);
	border-bottom-color: var(--r05-line);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-main,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-main,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-main {
	background: var(--r05-surface);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-section,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-integration-section,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-section {
	border-top-color: var(--r05-line);
	background: var(--r05-surface);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-section:nth-child(even),
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-integration-section:nth-child(even),
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-section:nth-child(even) {
	background: rgba(16, 45, 68, .36);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-section .service-type-section-head h2,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-integration-section .service-type-section-head h2,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-section .service-type-section-head h2 {
	max-width: 780px;
	text-wrap: balance;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-visual,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-integration-visual,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-visual {
	background: var(--r05-panel);
	border: 1px solid var(--r05-line);
	box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-visual img,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-integration-visual img,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-visual img {
	display: block;
	width: 100%;
	height: auto;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-problem-list article,
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-scope-list article,
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-card,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-problem-list article,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-scope-list article {
	background: var(--r05-panel);
	border-color: var(--r05-line);
}

/* F08 — storage/data path: measured, layered, and resource-pool oriented. */
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-grid {
	grid-template-columns: minmax(0, .88fr) minmax(390px, 1.12fr);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media {
	border-inline-start: 3px solid var(--r05-accent);
	background: #091b28;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media img {
	aspect-ratio: 16 / 10;
	object-fit: contain;
	padding: clamp(12px, 2.4vw, 26px);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-architecture-grid,
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-network-grid {
	grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-architecture-copy,
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-resource-copy {
	border-inline-start: 2px solid var(--r05-accent);
	padding-inline-start: clamp(18px, 3vw, 34px);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-visual.is-diagram img {
	object-fit: contain;
	padding: clamp(12px, 2vw, 24px);
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-problem-list,
[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-scope-list {
	gap: 10px;
}

[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-delivery .service-integration-step-list {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* F09 — migration/resource pool: a directional lane with a deliberate editorial split. */
[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-grid {
	grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-media {
	border-inline-end: 3px solid var(--r05-accent);
	border-radius: 0 0 0 1.15rem;
	background: #091a2e;
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-media img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	filter: saturate(.92) contrast(1.04);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-virtualization-content {
	background: var(--r05-surface);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-module {
	position: relative;
	padding-block: clamp(66px, 8vw, 118px);
	border-top: 1px solid var(--r05-line);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-module:nth-child(odd) {
	background: rgba(16, 40, 68, .36);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-split {
	grid-template-columns: minmax(230px, .78fr) minmax(0, 1.22fr);
	gap: clamp(28px, 5vw, 76px);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-split.is-reversed {
	grid-template-columns: minmax(0, 1.22fr) minmax(230px, .78fr);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-heading h2 {
	max-width: 560px;
	font-size: clamp(30px, 4vw, 54px);
	text-wrap: balance;
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-media figure {
	border-inline-start: 2px solid var(--r05-accent);
	background: var(--r05-panel);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .18);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-media--contain figure {
	padding: clamp(12px, 2vw, 22px);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid var(--r05-line);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline li {
	min-height: 170px;
	padding: 22px 18px 18px;
	border-inline-start: 1px solid var(--r05-line);
	border-top: 2px solid var(--r05-accent);
	background: var(--r05-panel);
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline li:first-child {
	border-inline-start: 0;
}

[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline li > span {
	color: var(--r05-accent);
	font-variant-numeric: tabular-nums;
}

/* F10 — HPC/compute: equipment-led framing and a clear acceptance sequence. */
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-grid {
	grid-template-columns: minmax(390px, 1.05fr) minmax(0, .95fr);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media {
	order: -1;
	border-inline-start: 3px solid var(--r05-accent);
	border-radius: 0 1.15rem 0 0;
	background: #141b24;
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media img {
	aspect-ratio: 4 / 3;
	object-fit: contain;
	padding: clamp(16px, 3vw, 34px);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-section {
	background: linear-gradient(90deg, var(--r05-surface), rgba(51, 39, 28, .48));
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-architecture-grid,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-network-grid,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-resource-grid,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery-grid {
	align-items: stretch;
	gap: clamp(24px, 4vw, 64px);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-architecture-visual,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-network-visual,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-resource-visual,
[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery-visual {
	border-top: 2px solid var(--r05-accent);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-visual.is-diagram img {
	object-fit: contain;
	padding: clamp(14px, 2.4vw, 28px);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-resource {
	background: radial-gradient(circle at 12% 18%, var(--r05-accent-soft), transparent 30%), var(--r05-surface);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-resource-grid {
	grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery .service-integration-step-list {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery .service-integration-step-list > li {
	min-height: 148px;
	border-top: 2px solid var(--r05-accent);
	background: var(--r05-panel);
}

@media (max-width: 820px) {
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero {
		padding-block: 48px 0;
	}

	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-grid,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-grid,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-grid,
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-architecture-grid,
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-network-grid,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-resource-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media {
		order: initial;
	}

	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-architecture-copy,
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-resource-copy {
		padding-inline-start: 18px;
	}

	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-module {
		padding-block: 56px;
	}

	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-split,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-split.is-reversed {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline,
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-delivery .service-integration-step-list,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery .service-integration-step-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline li:nth-child(odd) {
		border-inline-start: 0;
	}
}

@media (max-width: 560px) {
	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero h1,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero h1,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero h1 {
		font-size: clamp(36px, 12vw, 52px);
	}

	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-type-hero-media img,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .service-type-hero-media img,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-type-hero-media img {
		padding: 12px;
	}

	[data-renderer="service-virtualization-platform"][data-family="F08"][data-service-target="san-storage-virtualization"] .service-integration-delivery .service-integration-step-list,
	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline,
	[data-renderer="service-virtualization-platform"][data-family="F10"][data-service-target="hpc"] .service-integration-delivery .service-integration-step-list {
		grid-template-columns: 1fr;
	}

	[data-renderer="service-virtualization-platform"][data-family="F09"][data-service-target="virtualization-migration-resource-consolidation"] .v3-editorial-timeline li {
		min-height: 0;
		border-inline-start: 0;
	}
}

/* PHASE 12B.2: R05 separates pool, migration and compute composition by structure. */
[data-renderer="service-virtualization-platform"] .yuqi-factory-composition {
	width: 100%;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--r05 {
	max-width: 1240px;
	margin: 0 auto;
	padding: 20px clamp(20px, 4vw, 56px) 22px;
	border-block: 1px solid var(--r05-line, rgba(155, 190, 205, .22));
	background: var(--r05-panel, rgba(10, 31, 45, .72));
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition__intro {
	display: flex;
	align-items: baseline;
	gap: 20px;
	margin-bottom: 16px;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition__eyebrow {
	margin: 0;
	color: var(--r05-accent, #83d0d2);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition__intro h2 {
	margin: 0;
	color: var(--r05-text, #f1f6f7);
	font-size: clamp(18px, 2vw, 25px);
	line-height: 1.25;
}

[data-renderer="service-virtualization-platform"] .yuqi-composition-platform {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

[data-renderer="service-virtualization-platform"] .yuqi-composition-platform__node {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	min-width: 0;
	padding: 12px 16px;
	border-inline-start: 1px solid var(--r05-line, rgba(155, 190, 205, .22));
}

[data-renderer="service-virtualization-platform"] .yuqi-composition-platform__node:nth-child(4n + 1) {
	border-inline-start: 0;
}

[data-renderer="service-virtualization-platform"] .yuqi-composition-step {
	color: var(--r05-accent, #83d0d2);
	font-size: 11px;
	letter-spacing: .12em;
}

[data-renderer="service-virtualization-platform"] .yuqi-composition-platform__node strong {
	color: var(--r05-text, #f1f6f7);
	font-size: 14px;
	line-height: 1.45;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform__node {
	grid-template-columns: 1fr;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform__node:nth-child(4n + 1) {
	border-inline-start: 1px solid var(--r05-line, rgba(155, 190, 205, .22));
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform__node:first-child {
	border-inline-start: 0;
}

[data-renderer="service-virtualization-platform"] .yuqi-family-composition--compute-stack .yuqi-composition-platform {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 760px) {
	[data-renderer="service-virtualization-platform"] .yuqi-family-composition--r05 {
		padding: 18px 18px 20px;
	}

	[data-renderer="service-virtualization-platform"] .yuqi-family-composition__intro {
		display: block;
		margin-bottom: 12px;
	}

	[data-renderer="service-virtualization-platform"] .yuqi-family-composition__intro h2 {
		margin-top: 6px;
	}

	[data-renderer="service-virtualization-platform"] .yuqi-composition-platform,
	[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform,
	[data-renderer="service-virtualization-platform"] .yuqi-family-composition--compute-stack .yuqi-composition-platform {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	[data-renderer="service-virtualization-platform"] .yuqi-composition-platform__node,
	[data-renderer="service-virtualization-platform"] .yuqi-family-composition--migration-flow .yuqi-composition-platform__node {
		border-inline-start: 0;
		border-block-start: 1px solid var(--r05-line, rgba(155, 190, 205, .22));
	}

	[data-renderer="service-virtualization-platform"] .yuqi-composition-platform__node:nth-child(-n + 2) {
		border-block-start: 0;
	}
}
