.widgets--success-results {
	padding: 5rem var(--pd);
	color: var(--g6);
	background: var(--bg);
	scroll-margin-top: 7rem;
	[hidden] { display: none !important; }
	.sr-intro { max-width: 52rem; margin-bottom: 2.5rem; }
	h2 { margin: 0 0 1rem; font-size: 2.4rem; font-weight: 800; line-height: 1.2; text-wrap: balance; }
	.sr-text { color: var(--g4); line-height: 1.65; }
	.sr-text > :first-child, .sr-context-note > :first-child, .sr-record-note > :first-child, .sr-methodology > :first-child { margin-top: 0; }
	.sr-text > :last-child, .sr-context-note > :last-child, .sr-record-note > :last-child, .sr-methodology > :last-child { margin-bottom: 0; }
	.sr-tabs { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2rem; }
	.sr-tabs > button { flex: 1 1 calc(33.333% - 0.75rem); min-width: 0; min-height: 3.5rem; padding: 1rem 1.25rem; border: var(--px) solid var(--c6); border-radius: 0.75rem; background: var(--c8); color: var(--c2); font-size: 0.95rem; font-weight: 700; text-align: left; line-height: 1.4; cursor: pointer; }
	.sr-tabs > button[aria-selected="true"] { background: var(--c2); color: var(--bg); }
	.sr-tabs > button:hover { box-shadow: inset 0 0 0 var(--px) var(--c3); }
	.sr-tabs > button:focus-visible, .sr-panel:focus-visible { outline: 0.2rem solid var(--c3); outline-offset: 0.25rem; }
	.sr-panel { padding: 2rem; border: var(--px) solid var(--c6); border-radius: 1.25rem; }
	.sr-selected { margin: 0 0 1.5rem; font-size: 1.5rem; font-weight: 800; line-height: 1.35; }
	.sr-legend { display: flex; flex-wrap: wrap; gap: 0.75rem 2rem; margin-bottom: 2rem; }
	.sr-legend > span { display: flex; align-items: center; gap: 0.75rem; font-size: 0.9rem; line-height: 1.5; }
	.sr-legend i { flex: 0 0 1.5rem; height: 0.75rem; border-radius: 0.2rem; }
	.sr-legend i.sr-beta, .sr-line.sr-beta .sr-fill { background: var(--c3); }
	.sr-legend i.sr-cpr, .sr-line.sr-cpr .sr-fill { background: var(--c1); }
	.sr-records { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
	.sr-record { min-width: 0; padding: 1.5rem; border-radius: 1rem; background: var(--c8); }
	.sr-record:only-child { grid-column: 1 / -1; }
	.sr-program-name { margin: 0 0 1rem; font-size: 1rem; line-height: 1.5; }
	&.sr-enhanced .sr-program-name { display: none; }
	.sr-row-heading { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: baseline; justify-content: space-between; margin-bottom: 1.25rem; }
	.sr-row-heading h4 { margin: 0; color: var(--c2); font-size: 1.1rem; font-weight: 800; line-height: 1.4; }
	.sr-period { font-size: 0.85rem; color: var(--g4); }
	.sr-series { display: flex; flex-direction: column; gap: 1rem; }
	.sr-measure { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 0.5rem; }
	.sr-measure-name { font-size: 0.85rem; line-height: 1.4; }
	.sr-value { flex-shrink: 0; font-size: 1.35rem; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--c2); white-space: nowrap; }
	.sr-track { height: 1rem; overflow: hidden; border-radius: 0.25rem; background: var(--g2); }
	.sr-fill { display: block; height: 100%; }
	.sr-sample { margin: 1.25rem 0 0; padding-top: 0.75rem; border-top: var(--px) solid var(--c6); font-size: 0.8rem; line-height: 1.5; color: var(--g4); }
	.sr-empty, .sr-record-note { display: none; }
	.sr-record[data-state="missing"] .sr-series, .sr-record.sr-unavailable .sr-series { display: none; }
	.sr-record[data-state="missing"] .sr-empty, .sr-record.sr-unavailable .sr-empty { display: block; margin: 0; font-size: 1.1rem; font-weight: 700; line-height: 1.5; color: var(--g4); }
	.sr-record[data-state="missing"] .sr-record-note, .sr-record.sr-unavailable .sr-record-note { display: block; margin-top: 1rem; font-size: 0.85rem; line-height: 1.6; color: var(--g4); }
	.sr-context-note { margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 0.25rem solid var(--c3); font-size: 0.9rem; line-height: 1.65; color: var(--g4); }
	.sr-context-note:empty { display: none; }
	.sr-methodology { max-width: 70rem; margin-top: 1.5rem; color: var(--g4); font-size: 0.85rem; line-height: 1.65; }
	@media (max-width: 991px) { .sr-tabs > button { flex-basis: calc(50% - 0.75rem); } .sr-panel { padding: 1.5rem; } }
	@media (max-width: 767px) {
		padding-block: 4rem;
		h2 { font-size: 2rem; }
		.sr-tabs { flex-wrap: nowrap; overflow-x: auto; padding-block: 0.5rem; scroll-snap-type: x proximity; }
		.sr-tabs > button { flex: 0 0 16rem; scroll-snap-align: start; }
		.sr-records { grid-template-columns: minmax(0, 1fr); }
		.sr-legend { flex-direction: column; gap: 0.75rem; }
	}
	@media (max-width: 540px) { padding: 3rem 1rem; .sr-panel { padding: 1rem; } .sr-record { padding: 1.25rem; } .sr-selected { font-size: 1.25rem; } .sr-value { font-size: 1.15rem; } .sr-measure { gap: 0.5rem; } }
}
