.wdw-washer-decision {
	--wdw-decision-ink: #123f34;
	--wdw-decision-muted: #55675f;
	--wdw-decision-paper: #f4f2ec;
	--wdw-decision-white: #fff;
	--wdw-decision-accent: #d7ef70;
	--wdw-decision-warm: #e9a579;
	display: grid;
	gap: clamp(32px, 5vw, 64px);
	color: var(--wdw-decision-ink);
}

.wdw-washer-decision,
.wdw-washer-decision * {
	box-sizing: border-box;
}

.wdw-washer-decision section {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.wdw-washer-decision__heading > p {
	margin: 0 0 7px;
	color: #63756d;
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.wdw-washer-decision__heading h2 {
	margin: 0;
	font-size: clamp(1.55rem, 3.1vw, 2.75rem);
	line-height: 1.06;
	letter-spacing: -.04em;
}

.wdw-washer-decision__heading > span {
	display: block;
	max-width: 760px;
	margin-top: 10px;
	color: var(--wdw-decision-muted);
	line-height: 1.55;
}

.wdw-washer-metric-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px;
}

.wdw-washer-metric-grid article {
	min-width: 0;
	padding: clamp(20px, 3vw, 30px);
	border: 2px solid var(--wdw-decision-ink);
	background: var(--wdw-decision-white);
	box-shadow: 5px 5px 0 #cad7d1;
}

.wdw-washer-metric-grid article > p,
.wdw-washer-metric-grid article > span {
	margin: 0;
	color: var(--wdw-decision-muted);
}

.wdw-washer-metric-grid article > strong {
	display: block;
	margin-top: 12px;
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1;
	letter-spacing: -.06em;
}

.wdw-washer-metric-grid dl {
	display: grid;
	gap: 7px;
	margin: 22px 0 0;
}

.wdw-washer-metric-grid dl div {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding-top: 7px;
	border-top: 1px solid #c8d1cc;
}

.wdw-washer-metric-grid dt,
.wdw-washer-metric-grid dd {
	margin: 0;
}

.wdw-washer-metric-grid dd {
	font-weight: 850;
}

.wdw-washer-decision__note,
.wdw-washer-decision__method,
.wdw-washer-decision__warning {
	margin: 0;
	padding: 18px 20px;
	border-left: 5px solid var(--wdw-decision-warm);
	background: var(--wdw-decision-paper);
	line-height: 1.6;
}

.wdw-washer-thresholds > div,
.wdw-washer-thresholds > a,
.wdw-washer-load-grid > div {
	display: flex;
	min-width: 0;
	padding: 17px;
	flex-direction: column;
	border: 2px solid var(--wdw-decision-ink);
	background: var(--wdw-decision-white);
}

.wdw-washer-decision__heading--thresholds {
	margin-top: 38px;
}

.wdw-washer-thresholds strong {
	font-size: clamp(1.55rem, 3vw, 2.4rem);
	line-height: 1;
}

.wdw-washer-thresholds span {
	margin-top: 8px;
	color: var(--wdw-decision-muted);
	font-size: .86rem;
}

.wdw-washer-thresholds {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.wdw-washer-thresholds > a {
	color: var(--wdw-decision-ink);
	text-decoration: none;
	box-shadow: 4px 4px 0 var(--wdw-decision-warm);
}

.wdw-washer-thresholds > a:hover,
.wdw-washer-thresholds > a:focus-visible {
	background: #f7fbdc;
}

.wdw-washer-load-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.wdw-washer-load-grid strong {
	font-size: 1.2rem;
}

.wdw-washer-load-grid span {
	margin-top: 8px;
	font-weight: 800;
}

.wdw-washer-load-grid small {
	margin-top: 4px;
	color: var(--wdw-decision-muted);
}

.wdw-washer-decision__next {
	grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr);
	align-items: end;
	padding: clamp(22px, 4vw, 38px);
	border: 2px solid var(--wdw-decision-ink);
	background: var(--wdw-decision-paper);
}

.wdw-washer-decision__next > div > p {
	margin: 0 0 6px;
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.wdw-washer-decision__next h2 {
	margin: 0;
	font-size: clamp(1.45rem, 2.7vw, 2.35rem);
	line-height: 1.08;
}

.wdw-washer-decision__next > div > span {
	display: block;
	margin-top: 10px;
	color: var(--wdw-decision-muted);
}

.wdw-washer-decision__next nav {
	display: grid;
	gap: 10px;
}

.wdw-washer-decision__next nav a {
	display: block;
	padding: 13px 15px;
	border: 2px solid var(--wdw-decision-ink);
	background: #fff;
	color: var(--wdw-decision-ink);
	font-weight: 850;
	text-decoration: none;
}

.wdw-washer-decision__next nav a:hover,
.wdw-washer-decision__next nav a:focus-visible {
	background: #f7fbdc;
}

.wdw-washer-decision__method strong {
	display: block;
	margin-bottom: 5px;
}

.wdw-washer-decision__method p {
	margin: 0;
}

.wdw-washer-decision__cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: center;
	padding: clamp(24px, 4vw, 40px);
	border: 2px solid var(--wdw-decision-ink);
	background: var(--wdw-decision-ink);
	color: #fff;
	box-shadow: 7px 7px 0 var(--wdw-decision-warm);
}

.wdw-washer-decision__cta strong,
.wdw-washer-decision__cta span {
	display: block;
}

.wdw-washer-decision__cta strong {
	font-size: clamp(1.3rem, 2.4vw, 2rem);
	line-height: 1.1;
}

.wdw-washer-decision__cta span {
	margin-top: 7px;
	color: #dbe9e3;
}

.wdw-washer-decision__cta > a {
	display: inline-flex;
	padding: 14px 18px;
	justify-content: center;
	border: 2px solid #fff;
	background: var(--wdw-decision-accent);
	color: var(--wdw-decision-ink);
	font-weight: 900;
	text-decoration: none;
}

.wdw-washer-decision__cta > a:hover,
.wdw-washer-decision__cta > a:focus-visible {
	background: #fff;
}

.wdw-space-diagram {
	padding: clamp(16px, 4vw, 38px);
	border: 2px solid var(--wdw-decision-ink);
	background: var(--wdw-decision-paper);
}

.wdw-space-diagram__niche {
	position: relative;
	min-height: clamp(280px, 42vw, 440px);
	margin: 0 auto;
	border: 4px solid var(--wdw-decision-ink);
	background: #fff;
}

.wdw-space-diagram__washer {
	position: absolute;
	left: 18%;
	bottom: 12%;
	width: 52%;
	height: 65%;
	border: 4px solid var(--wdw-decision-ink);
	background: #f7f3e9;
	box-shadow: 8px 8px 0 #c8d7d0;
}

.wdw-space-diagram__washer > span {
	position: absolute;
	top: 10%;
	left: 10%;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.wdw-space-diagram__washer > i {
	position: absolute;
	left: 50%;
	top: 55%;
	width: min(50%, 170px);
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border: 10px solid var(--wdw-decision-ink);
	border-radius: 50%;
	background: #d8eee4;
}

.wdw-space-diagram b,
.wdw-space-diagram em {
	position: absolute;
	z-index: 2;
	padding: 6px 9px;
	background: var(--wdw-decision-accent);
	font-size: clamp(.7rem, 1.8vw, .95rem);
	font-style: normal;
	line-height: 1.2;
}

.wdw-space-diagram__width { left: 22%; bottom: 3%; }
.wdw-space-diagram__height { left: 2%; top: 44%; }
.wdw-space-diagram__depth { right: 3%; bottom: 17%; }
.wdw-space-diagram em { right: 2%; top: 10%; width: 23%; background: #f1c2a0; }

.wdw-measure-steps {
	display: grid;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wdw-measure-steps li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 17px;
	padding: 20px;
	border: 2px solid var(--wdw-decision-ink);
	background: #fff;
}

.wdw-measure-steps li > span {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	background: var(--wdw-decision-ink);
	color: #fff;
	font-weight: 900;
}

.wdw-measure-steps h3,
.wdw-measure-steps p {
	margin: 0;
}

.wdw-measure-steps p {
	margin-top: 6px;
	color: var(--wdw-decision-muted);
	line-height: 1.58;
}

.wdw-measure-checklist {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wdw-measure-checklist li {
	position: relative;
	min-width: 0;
	padding: 14px 14px 14px 39px;
	border: 2px solid var(--wdw-decision-ink);
	background: #fff;
	font-weight: 800;
	overflow-wrap: anywhere;
}

.wdw-measure-checklist li::before {
	position: absolute;
	left: 13px;
	top: 12px;
	content: '✓';
	font-weight: 950;
}

.wdw-washer-decision strong,
.wdw-washer-decision span,
.wdw-washer-decision p,
.wdw-washer-decision a,
.wdw-washer-decision dd {
	overflow-wrap: anywhere;
}

@media (max-width: 900px) {
	.wdw-washer-metric-grid,
	.wdw-washer-decision__next,
	.wdw-washer-decision__cta {
		grid-template-columns: minmax(0, 1fr);
	}

	.wdw-washer-load-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.wdw-washer-thresholds,
	.wdw-measure-checklist {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wdw-washer-decision__cta > a {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.wdw-washer-decision {
		gap: 36px;
	}

	.wdw-washer-load-grid,
	.wdw-washer-thresholds,
	.wdw-measure-checklist {
		grid-template-columns: minmax(0, 1fr);
	}

	.wdw-washer-metric-grid article,
	.wdw-washer-decision__next,
	.wdw-washer-decision__cta,
	.wdw-space-diagram,
	.wdw-measure-steps li {
		padding: 18px 16px;
	}

	.wdw-space-diagram__niche {
		min-height: 300px;
	}

	.wdw-space-diagram__washer {
		left: 16%;
		width: 58%;
	}

	.wdw-space-diagram em {
		width: 30%;
	}

	.wdw-measure-steps li {
		grid-template-columns: minmax(0, 1fr);
	}
}