.widgets--success-age {
	padding: 5rem var(--pd); background: var(--bg); color: var(--g6);
	[hidden] { display: none !important; }
	.sa-intro { max-width: 55rem; margin-bottom: 2.5rem; }
	h2 { margin: 0 0 1rem; font-size: 2.4rem; line-height: 1.2; font-weight: 800; text-wrap: balance; }
	.sa-intro > div, .sa-explanation > div, .sa-definition > div, .sa-note, .sa-source { line-height: 1.65; }
	.sa-intro > div { color: var(--g4); }
	.sa-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
	.sa-chart { min-width: 0; padding: 2rem; border: var(--px) solid var(--c6); border-radius: 1.25rem; }
	.sa-context { margin: 0 0 1rem; color: var(--g4); font-size: 0.85rem; line-height: 1.5; }
	.sa-controls { display: flex; gap: 0.75rem; margin-bottom: 1.5rem; }
	.sa-controls button { flex: 1; min-width: 0; min-height: 3.5rem; padding: 0.85rem 1rem; border: var(--px) solid var(--c6); border-radius: 0.6rem; background: var(--c8); color: var(--c2); font-size: 0.9rem; line-height: 1.4; font-weight: 700; cursor: pointer; }
	.sa-controls button[aria-selected="true"] { color: var(--bg); background: var(--c2); }
	.sa-controls button:focus-visible, .sa-panel:focus-visible { outline: 0.2rem solid var(--c3); outline-offset: 0.25rem; }
	.sa-definition { margin-bottom: 1.5rem; }
	.sa-definition h3 { margin: 0 0 0.75rem; color: var(--c2); font-size: 1.3rem; line-height: 1.4; font-weight: 800; }
	.sa-definition > div { color: var(--g4); font-size: 0.85rem; }
	.sa-definition p, .sa-intro p, .sa-explanation p, .sa-note p, .sa-source p { margin: 0 0 0.85rem; }
	.sa-definition p:last-child, .sa-intro p:last-child, .sa-explanation p:last-child, .sa-note p:last-child, .sa-source p:last-child { margin-bottom: 0; }
	.sa-legend { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; margin-bottom: 1.25rem; font-size: 0.8rem; line-height: 1.4; }
	.sa-legend span::before { content: ''; display: inline-block; width: 1rem; height: 0.5rem; margin-right: 0.5rem; background: var(--c1); }
	.sa-legend .sa-euploid::before { background: var(--c3); }
	&.sa-enhanced .sa-legend { display: none; }
	.sa-row { margin-bottom: 1rem; padding: 1rem; border-radius: 0.75rem; background: var(--c8); }
	.sa-row[data-focus="yes"] { box-shadow: inset 0 0 0 var(--px) var(--c3); }
	.sa-row h4 { margin: 0 0 0.75rem; color: var(--c2); font-size: 1rem; line-height: 1.4; font-weight: 800; }
	.sa-series { display: grid; grid-template-columns: minmax(0, 1fr) 4.75rem; gap: 0.5rem 1rem; align-items: center; }
	.sa-series + .sa-series { margin-top: 0.75rem; }
	&.sa-enhanced .sa-series { margin-top: 0; }
	.sa-value { grid-column: 2; grid-row: 1; color: var(--c1); font-size: 1.35rem; line-height: 1.3; font-weight: 800; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
	.sa-euploid .sa-value { color: var(--c3); }
	.sa-track { grid-column: 1; grid-row: 1; height: 1.25rem; border-radius: 0.25rem; background: var(--g2); overflow: hidden; }
	.sa-fill { display: block; height: 100%; background: var(--c1); }
	.sa-euploid .sa-fill { background: var(--c3); }
	.sa-empty { display: none; grid-column: 1 / -1; color: var(--g4); font-size: 0.9rem; line-height: 1.5; }
	.sa-series:not([data-state="ready"]) .sa-value, .sa-series:not([data-state="ready"]) .sa-track, .sa-series.sa-invalid .sa-value, .sa-series.sa-invalid .sa-track { display: none; }
	.sa-series:not([data-state="ready"]) .sa-empty, .sa-series.sa-invalid .sa-empty { display: block; }
	.sa-scale { display: flex; justify-content: space-between; margin: 0 6.75rem 0 1rem; color: var(--g4); font-size: 0.75rem; }
	.sa-sample { margin: 1rem 0 0; color: var(--g4); font-size: 0.8rem; line-height: 1.5; }
	.sa-explanation { min-width: 0; padding-top: 0.5rem; }
	.sa-explanation h3 { margin: 0 0 1rem; color: var(--c2); font-size: 1.5rem; line-height: 1.35; font-weight: 800; }
	.sa-explanation > div { color: var(--g4); font-size: 0.95rem; }
	.sa-explanation .sa-focus { margin-top: 1.5rem; padding: 1.5rem; border-radius: 1rem; color: var(--bg); background: var(--c2); }
	.sa-focus h4 { margin: 0 0 0.75rem; color: inherit; font-size: 1.15rem; line-height: 1.4; font-weight: 800; }
	.sa-note { margin-top: 2rem; padding-left: 1rem; border-left: 0.25rem solid var(--c3); color: var(--g4); font-size: 0.85rem; }
	.sa-source { margin-top: 1rem; color: var(--g4); font-size: 0.8rem; overflow-wrap: anywhere; }
	a { color: var(--c2); text-decoration: underline; text-underline-offset: 0.2rem; }
	@media (max-width: 991px) { .sa-layout { gap: 1.5rem; } .sa-chart { padding: 1.5rem; } .sa-controls { flex-direction: column; } }
	@media (max-width: 767px) { padding-block: 4rem; h2 { font-size: 2rem; } .sa-layout { grid-template-columns: minmax(0, 1fr); } .sa-controls { flex-direction: row; } }
	@media (max-width: 540px) { padding: 3rem 1rem; .sa-chart { padding: 1rem; } .sa-controls { flex-direction: column; } .sa-value { font-size: 1.15rem; } .sa-series { grid-template-columns: minmax(0, 1fr) 4.25rem; gap: 0.75rem; } .sa-scale { margin-right: 6rem; } .sa-focus { padding: 1.25rem; } }
}