/*
 * Water Winger System Designer — unified light presentation.
 * This stylesheet intentionally changes presentation only. Calculations,
 * input IDs, values and interaction state remain owned by the Designer engine.
 */

body.page-id-6353 {
	--wwd-ink: #142c37;
	--wwd-copy: #334a54;
	--wwd-muted: #5d7078;
	--wwd-line: #dbe3e5;
	--wwd-soft: #f5f7f7;
	--wwd-soft-warm: #fff8f2;
	--wwd-orange: #ef6c20;
	--wwd-orange-dark: #a84408;
	--wwd-blue: #0e5268;
}

body.page-id-6353 .ww-simulator-page {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	padding: 0 clamp(14px, 2.6vw, 32px) 42px !important;
	color: var(--wwd-copy) !important;
	font-size: 18px !important;
	line-height: 1.62 !important;
}

body.page-id-6353 .ww-simulator-page *,
body.page-id-6353 #ww-system-simulator * {
	box-sizing: border-box !important;
}

/* Page introduction: spacious and calm, without a heavy enclosing card. */
body.page-id-6353 .ww-simulator-page > .hero {
	position: relative !important;
	width: 100% !important;
	margin: 28px auto 26px !important;
	padding: clamp(42px, 5.6vw, 68px) clamp(22px, 6vw, 72px) !important;
	overflow: hidden !important;
	border: 0 !important;
	border-top: 1px solid var(--wwd-line) !important;
	border-bottom: 1px solid var(--wwd-line) !important;
	border-radius: 0 !important;
	background: linear-gradient(135deg, #f4f7f7 0%, #fff 57%, #fff4e9 100%) !important;
	box-shadow: none !important;
	color: var(--wwd-ink) !important;
	text-align: center !important;
}

body.page-id-6353 .ww-simulator-page > .hero::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	width: 86px !important;
	height: 5px !important;
	border-radius: 0 0 5px 5px !important;
	background: var(--wwd-orange) !important;
	transform: translateX(-50%) !important;
}

body.page-id-6353 .ww-simulator-page > .hero .eyebrow {
	display: block !important;
	width: auto !important;
	margin: 0 auto 14px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-orange-dark) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

body.page-id-6353 .ww-simulator-page > .hero h1 {
	max-width: 900px !important;
	margin: 0 auto 18px !important;
	color: var(--wwd-ink) !important;
	font-size: clamp(40px, 5.2vw, 64px) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: -.04em !important;
	text-align: center !important;
	text-shadow: none !important;
}

body.page-id-6353 .ww-simulator-page > .hero .lede {
	max-width: 850px !important;
	margin: 0 auto 22px !important;
	color: var(--wwd-copy) !important;
	font-size: clamp(19px, 1.65vw, 23px) !important;
	font-weight: 600 !important;
	line-height: 1.62 !important;
	text-align: center !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	gap: 12px !important;
	align-items: center !important;
	max-width: 880px !important;
	margin: 0 auto 20px !important;
	padding: 13px 16px !important;
	border: 1px solid #ead5c7 !important;
	border-left: 4px solid var(--wwd-orange) !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
	text-align: left !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice > * {
	margin: 0 !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice .ww-beta-badge,
body.page-id-6353 .ww-simulator-page .ww-beta-notice > strong:first-child {
	padding: 4px 8px !important;
	border-radius: 999px !important;
	background: #fff0e5 !important;
	color: var(--wwd-orange-dark) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .08em !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice p,
body.page-id-6353 .ww-simulator-page .ww-beta-notice span {
	color: var(--wwd-copy) !important;
	font-size: 15px !important;
	line-height: 1.42 !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice a,
body.page-id-6353 .ww-simulator-page > .hero .actions a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 8px 16px !important;
	border: 1px solid #cfd9dc !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--wwd-ink) !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	text-decoration: none !important;
}

body.page-id-6353 .ww-simulator-page .ww-beta-notice a:hover,
body.page-id-6353 .ww-simulator-page .ww-beta-notice a:focus-visible,
body.page-id-6353 .ww-simulator-page > .hero .actions a:hover,
body.page-id-6353 .ww-simulator-page > .hero .actions a:focus-visible {
	border-color: var(--wwd-orange) !important;
	background: #fff6ef !important;
	color: var(--wwd-orange-dark) !important;
}

/* The calculator itself becomes a sequence of open, readable sections. */
body.page-id-6353 #ww-system-simulator {
	--ww-ink: var(--wwd-ink) !important;
	--ww-muted: var(--wwd-muted) !important;
	--ww-line: var(--wwd-line) !important;
	--ww-panel: #fff !important;
	--ww-panel-2: var(--wwd-soft) !important;
	--ww-blue: var(--wwd-blue) !important;
	--ww-orange: var(--wwd-orange) !important;
	--ww-orange-soft: #ff9a45 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto 36px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
	font-size: 18px !important;
	line-height: 1.62 !important;
}

body.page-id-6353 #ww-system-simulator .ww-sim-intro {
	position: relative !important;
	width: 100% !important;
	margin: 0 auto 22px !important;
	padding: clamp(36px, 4.7vw, 56px) clamp(22px, 5vw, 60px) !important;
	overflow: hidden !important;
	border: 0 !important;
	border-bottom: 1px solid var(--wwd-line) !important;
	border-radius: 0 !important;
	background: var(--wwd-soft) !important;
	box-shadow: none !important;
	color: var(--wwd-ink) !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator .ww-sim-intro::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	width: 70px !important;
	height: 4px !important;
	background: var(--wwd-orange) !important;
	transform: translateX(-50%) !important;
}

body.page-id-6353 #ww-system-simulator .ww-sim-intro h2 {
	max-width: 860px !important;
	margin: 0 auto 14px !important;
	color: var(--wwd-ink) !important;
	font-size: clamp(32px, 3.8vw, 48px) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: -.03em !important;
	text-align: center !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-sim-intro > p {
	max-width: 900px !important;
	margin: 0 auto 22px !important;
	color: var(--wwd-copy) !important;
	font-size: clamp(18px, 1.45vw, 21px) !important;
	font-weight: 600 !important;
	line-height: 1.62 !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator .ww-diagram {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	max-width: 960px !important;
	margin: 0 auto !important;
	color: var(--wwd-copy) !important;
}

body.page-id-6353 #ww-system-simulator .ww-diagram span {
	padding: 8px 13px !important;
	border: 1px solid #d5dfe1 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

body.page-id-6353 #ww-system-simulator .ww-diagram b {
	color: var(--wwd-orange-dark) !important;
}

body.page-id-6353 #ww-system-simulator .ww-easy-builder,
body.page-id-6353 #ww-system-simulator .ww-unified-workspace {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
}

body.page-id-6353 #ww-system-simulator .ww-mode-switch {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 220px)) !important;
	justify-content: center !important;
	gap: 8px !important;
	max-width: 470px !important;
	margin: 0 auto 20px !important;
	padding: 5px !important;
	border: 1px solid var(--wwd-line) !important;
	border-radius: 999px !important;
	background: var(--wwd-soft) !important;
	box-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-mode-switch button {
	min-height: 44px !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
	font-size: 16px !important;
	font-weight: 850 !important;
}

body.page-id-6353 #ww-system-simulator .ww-mode-switch button[aria-pressed="true"] {
	border-color: var(--wwd-ink) !important;
	background: var(--wwd-ink) !important;
	box-shadow: none !important;
	color: #fff !important;
}

/* Primary steps and result stages. */
body.page-id-6353 #ww-system-simulator .ww-builder-step,
body.page-id-6353 #ww-system-simulator .ww-equipment-step,
body.page-id-6353 #ww-system-simulator .ww-hose-step,
body.page-id-6353 #ww-system-simulator .ww-fitting-step,
body.page-id-6353 #ww-system-simulator .ww-route-step,
body.page-id-6353 #ww-system-simulator .ww-results,
body.page-id-6353 #ww-system-simulator .ww-sample-options,
body.page-id-6353 #ww-system-simulator .ww-sample-capacity-planner,
body.page-id-6353 #ww-system-simulator .ww-pump-quantity-panel,
body.page-id-6353 #ww-system-simulator .ww-qualified-pumps,
body.page-id-6353 #ww-system-simulator .ww-unified-output-stage,
body.page-id-6353 #ww-system-simulator .ww-engine-fields,
body.page-id-6353 #ww-system-simulator .ww-sim-note,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions,
body.page-id-6353 #ww-system-simulator .wwsq-quote-action {
	position: relative !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 18px !important;
	padding: clamp(32px, 4.2vw, 52px) clamp(20px, 4.6vw, 54px) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--wwd-line) !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
}

body.page-id-6353 #ww-system-simulator .ww-builder-step:nth-of-type(even),
body.page-id-6353 #ww-system-simulator .ww-equipment-step,
body.page-id-6353 #ww-system-simulator .ww-unified-output-stage,
body.page-id-6353 #ww-system-simulator .ww-sim-note,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions {
	background: var(--wwd-soft) !important;
}

body.page-id-6353 #ww-system-simulator .ww-builder-step::before,
body.page-id-6353 #ww-system-simulator .ww-equipment-step::before,
body.page-id-6353 #ww-system-simulator .ww-route-step::before,
body.page-id-6353 #ww-system-simulator .ww-unified-output-stage::before,
body.page-id-6353 #ww-system-simulator .ww-sim-note::before,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions::before,
body.page-id-6353 #ww-system-simulator .wwsq-quote-action::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	width: 58px !important;
	height: 4px !important;
	border-radius: 0 0 4px 4px !important;
	background: var(--wwd-orange) !important;
	transform: translateX(-50%) !important;
}

body.page-id-6353 #ww-system-simulator h2,
body.page-id-6353 #ww-system-simulator h3,
body.page-id-6353 #ww-system-simulator h4,
body.page-id-6353 #ww-system-simulator h5,
body.page-id-6353 #ww-system-simulator legend {
	color: var(--wwd-ink) !important;
	font-weight: 900 !important;
	line-height: 1.14 !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator h3 {
	margin: 0 0 10px !important;
	font-size: clamp(28px, 3vw, 40px) !important;
	letter-spacing: -.025em !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator h4 {
	font-size: clamp(21px, 2vw, 27px) !important;
}

body.page-id-6353 #ww-system-simulator p,
body.page-id-6353 #ww-system-simulator summary,
body.page-id-6353 #ww-system-simulator label,
body.page-id-6353 #ww-system-simulator li,
body.page-id-6353 #ww-system-simulator dd,
body.page-id-6353 #ww-system-simulator dt {
	color: var(--wwd-copy) !important;
}

body.page-id-6353 #ww-system-simulator .ww-builder-step > p,
body.page-id-6353 #ww-system-simulator .ww-equipment-step > p,
body.page-id-6353 #ww-system-simulator .ww-route-step > p,
body.page-id-6353 #ww-system-simulator .ww-sim-note > p,
body.page-id-6353 #ww-system-simulator .ww-unified-output-stage > p {
	max-width: 900px !important;
	margin: 0 auto 24px !important;
	color: var(--wwd-copy) !important;
	font-size: 18px !important;
	line-height: 1.62 !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator small,
body.page-id-6353 #ww-system-simulator .ww-muted,
body.page-id-6353 #ww-system-simulator .ww-help,
body.page-id-6353 #ww-system-simulator .ww-field-help {
	color: var(--wwd-muted) !important;
}

/* Water-source, hose, route and capacity choices. */
body.page-id-6353 #ww-system-simulator .ww-source-grid,
body.page-id-6353 #ww-system-simulator .ww-option-grid,
body.page-id-6353 #ww-system-simulator .ww-pick-grid,
body.page-id-6353 #ww-system-simulator .ww-fitting-grid,
body.page-id-6353 #ww-system-simulator .ww-sample-plan-grid {
	display: grid !important;
	gap: 14px !important;
}

body.page-id-6353 #ww-system-simulator .ww-source-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.page-id-6353 #ww-system-simulator .ww-source-pick,
body.page-id-6353 #ww-system-simulator .ww-option-card,
body.page-id-6353 #ww-system-simulator .ww-pick,
body.page-id-6353 #ww-system-simulator .ww-hose-pick,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick,
body.page-id-6353 #ww-system-simulator .ww-qualified-pump-card,
body.page-id-6353 #ww-system-simulator .ww-stepper-card,
body.page-id-6353 #ww-system-simulator .ww-sample-plan-grid .ww-option-card {
	min-height: 112px !important;
	padding: 19px !important;
	border: 1px solid var(--wwd-line) !important;
	border-top: 3px solid #bcc9cd !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 7px 20px rgba(20, 44, 55, .055) !important;
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

body.page-id-6353 #ww-system-simulator .ww-source-pick *,
body.page-id-6353 #ww-system-simulator .ww-option-card *,
body.page-id-6353 #ww-system-simulator .ww-hose-pick *,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick *,
body.page-id-6353 #ww-system-simulator .ww-qualified-pump-card *,
body.page-id-6353 #ww-system-simulator .ww-stepper-card * {
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-source-pick strong,
body.page-id-6353 #ww-system-simulator .ww-option-card strong,
body.page-id-6353 #ww-system-simulator .ww-hose-pick strong,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick strong,
body.page-id-6353 #ww-system-simulator .ww-qualified-pump-card strong,
body.page-id-6353 #ww-system-simulator .ww-stepper-card strong {
	color: var(--wwd-ink) !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.28 !important;
}

body.page-id-6353 #ww-system-simulator .ww-source-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-option-card:hover,
body.page-id-6353 #ww-system-simulator .ww-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-hose-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-fitting-pick:hover,
body.page-id-6353 #ww-system-simulator .ww-stepper-card:hover {
	border-color: #efb38f !important;
	border-top-color: var(--wwd-orange) !important;
	background: #fffaf6 !important;
	box-shadow: 0 10px 26px rgba(20, 44, 55, .09) !important;
	transform: translateY(-2px) !important;
}

body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-source-pick,
body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-option-card,
body.page-id-6353 #ww-system-simulator .ww-pick[aria-pressed="true"],
body.page-id-6353 #ww-system-simulator .ww-stepper-card[aria-pressed="true"] {
	border-color: var(--wwd-orange) !important;
	border-top-color: var(--wwd-orange) !important;
	background: var(--wwd-soft-warm) !important;
	box-shadow: 0 0 0 3px rgba(239, 108, 32, .13) !important;
}

body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-source-pick::after,
body.page-id-6353 #ww-system-simulator button[aria-pressed="true"].ww-option-card::after,
body.page-id-6353 #ww-system-simulator .ww-pick[aria-pressed="true"]::after {
	color: var(--wwd-orange-dark) !important;
}

/* Inputs keep a strong, obvious boundary without dark surrounding cards. */
body.page-id-6353 #ww-system-simulator .ww-field,
body.page-id-6353 #ww-system-simulator label {
	color: var(--wwd-ink) !important;
	font-size: 17px !important;
	font-weight: 850 !important;
	line-height: 1.42 !important;
}

body.page-id-6353 #ww-system-simulator input:not([type="hidden"]),
body.page-id-6353 #ww-system-simulator select,
body.page-id-6353 #ww-system-simulator textarea {
	width: 100% !important;
	min-height: 50px !important;
	margin-top: 7px !important;
	padding: 11px 13px !important;
	border: 1px solid #aebfc5 !important;
	border-radius: 9px !important;
	background: #fff !important;
	box-shadow: inset 0 1px 2px rgba(20, 44, 55, .035) !important;
	color: #102832 !important;
	font-family: inherit !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

body.page-id-6353 #ww-system-simulator input:hover,
body.page-id-6353 #ww-system-simulator select:hover,
body.page-id-6353 #ww-system-simulator textarea:hover {
	border-color: var(--wwd-orange) !important;
}

body.page-id-6353 #ww-system-simulator input:focus,
body.page-id-6353 #ww-system-simulator select:focus,
body.page-id-6353 #ww-system-simulator textarea:focus {
	outline: 0 !important;
	border-color: var(--wwd-blue) !important;
	box-shadow: 0 0 0 3px rgba(14, 82, 104, .18) !important;
}

body.page-id-6353 #ww-system-simulator input[type="checkbox"],
body.page-id-6353 #ww-system-simulator input[type="radio"] {
	width: 21px !important;
	height: 21px !important;
	min-height: 21px !important;
	margin: 0 8px 0 0 !important;
	accent-color: var(--wwd-orange) !important;
}

/* Equipment tiles: four across on wide screens, larger images and readable copy. */
body.page-id-6353 #ww-system-simulator .ww-equipment-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 16px !important;
	align-items: stretch !important;
	max-width: 1120px !important;
	margin: 26px auto 0 !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control {
	display: flex !important;
	min-width: 0 !important;
	min-height: 100% !important;
	flex-direction: column !important;
	overflow: hidden !important;
	border: 1px solid var(--wwd-line) !important;
	border-top: 4px solid var(--wwd-orange) !important;
	border-radius: 13px !important;
	background: #fff !important;
	box-shadow: 0 8px 22px rgba(20, 44, 55, .06) !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick {
	display: flex !important;
	min-height: 275px !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	padding: 12px 12px 15px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
	transform: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick img,
body.page-id-6353 #ww-system-simulator .ww-stepper-card img {
	display: block !important;
	width: 100% !important;
	height: 150px !important;
	margin: 0 auto 12px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #fff !important;
	box-shadow: none !important;
	object-fit: contain !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick strong,
body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick b,
body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick span {
	color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick strong,
body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick b {
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.24 !important;
}

body.page-id-6353 #ww-system-simulator .ww-equipment-control .ww-pick span {
	font-size: 15px !important;
	line-height: 1.38 !important;
}

body.page-id-6353 #ww-system-simulator .ww-quantity-stepper,
body.page-id-6353 #ww-system-simulator .ww-card-stepper {
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr) 44px !important;
	gap: 7px !important;
	align-items: center !important;
	min-height: 58px !important;
	margin: 0 !important;
	padding: 7px !important;
	border: 0 !important;
	border-top: 1px solid var(--wwd-line) !important;
	border-radius: 0 !important;
	background: var(--wwd-soft) !important;
	box-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-quantity-stepper button,
body.page-id-6353 #ww-system-simulator .ww-card-stepper button {
	width: 44px !important;
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 !important;
	border: 1px solid #b7c6ca !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--wwd-ink) !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

body.page-id-6353 #ww-system-simulator .ww-quantity-stepper button:hover,
body.page-id-6353 #ww-system-simulator .ww-quantity-stepper button:focus-visible,
body.page-id-6353 #ww-system-simulator .ww-card-stepper button:hover,
body.page-id-6353 #ww-system-simulator .ww-card-stepper button:focus-visible {
	border-color: var(--wwd-orange) !important;
	background: var(--wwd-orange) !important;
	color: #fff !important;
}

body.page-id-6353 #ww-system-simulator .ww-quantity-value,
body.page-id-6353 #ww-system-simulator .ww-card-stepper output {
	color: var(--wwd-ink) !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	text-align: center !important;
}

/* Buttons follow the same restrained dark treatment as the shop. */
body.page-id-6353 #ww-system-simulator button,
body.page-id-6353 #ww-system-simulator .button,
body.page-id-6353 #ww-system-simulator .btn,
body.page-id-6353 #ww-system-simulator a.button {
	font-family: inherit !important;
}

body.page-id-6353 #ww-system-simulator #ww-confirm-source,
body.page-id-6353 #ww-system-simulator #ww-calculate-route,
body.page-id-6353 #ww-system-simulator .ww-tip-action,
body.page-id-6353 #ww-system-simulator .ww-sim-report-button,
body.page-id-6353 #ww-system-simulator .wwsq-create-quote,
body.page-id-6353 #ww-system-simulator .ww-capacity-apply,
body.page-id-6353 #ww-system-simulator .ww-use-sample-plan,
body.page-id-6353 #ww-system-simulator .ww-primary-action {
	min-height: 50px !important;
	padding: 11px 20px !important;
	border: 2px solid var(--wwd-ink) !important;
	border-radius: 999px !important;
	background: var(--wwd-ink) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

body.page-id-6353 #ww-system-simulator #ww-confirm-source:hover,
body.page-id-6353 #ww-system-simulator #ww-confirm-source:focus-visible,
body.page-id-6353 #ww-system-simulator #ww-calculate-route:hover,
body.page-id-6353 #ww-system-simulator #ww-calculate-route:focus-visible,
body.page-id-6353 #ww-system-simulator .ww-tip-action:hover,
body.page-id-6353 #ww-system-simulator .ww-tip-action:focus-visible,
body.page-id-6353 #ww-system-simulator .ww-sim-report-button:hover,
body.page-id-6353 #ww-system-simulator .ww-sim-report-button:focus-visible,
body.page-id-6353 #ww-system-simulator .wwsq-create-quote:hover,
body.page-id-6353 #ww-system-simulator .wwsq-create-quote:focus-visible,
body.page-id-6353 #ww-system-simulator .ww-capacity-apply:hover,
body.page-id-6353 #ww-system-simulator .ww-capacity-apply:focus-visible,
body.page-id-6353 #ww-system-simulator .ww-use-sample-plan:hover,
body.page-id-6353 #ww-system-simulator .ww-use-sample-plan:focus-visible {
	border-color: var(--wwd-orange) !important;
	background: var(--wwd-orange) !important;
	color: #fff !important;
}

/* Output, pump, quote and planning cards use quiet borders instead of black boxes. */
body.page-id-6353 #ww-system-simulator .ww-output-card,
body.page-id-6353 #ww-system-simulator .ww-result-card,
body.page-id-6353 #ww-system-simulator .ww-result,
body.page-id-6353 #ww-system-simulator .ww-capacity-result,
body.page-id-6353 #ww-system-simulator .ww-manifold-row,
body.page-id-6353 #ww-system-simulator .ww-plan-status,
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump,
body.page-id-6353 #ww-system-simulator .ww-pump-card,
body.page-id-6353 #ww-system-simulator .ww-route-summary,
body.page-id-6353 #ww-system-simulator .ww-layout-card,
body.page-id-6353 #ww-system-simulator .ww-chart-card,
body.page-id-6353 #ww-system-simulator details {
	border: 1px solid var(--wwd-line) !important;
	border-radius: 11px !important;
	background: #fff !important;
	box-shadow: 0 6px 18px rgba(20, 44, 55, .045) !important;
	color: var(--wwd-copy) !important;
}

body.page-id-6353 #ww-system-simulator .ww-output-card *,
body.page-id-6353 #ww-system-simulator .ww-result-card *,
body.page-id-6353 #ww-system-simulator .ww-result *,
body.page-id-6353 #ww-system-simulator .ww-capacity-result *,
body.page-id-6353 #ww-system-simulator .ww-manifold-row *,
body.page-id-6353 #ww-system-simulator .ww-plan-status *,
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump *,
body.page-id-6353 #ww-system-simulator .ww-pump-card *,
body.page-id-6353 #ww-system-simulator .ww-route-summary *,
body.page-id-6353 #ww-system-simulator .ww-layout-card *,
body.page-id-6353 #ww-system-simulator .ww-chart-card *,
body.page-id-6353 #ww-system-simulator details * {
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator .ww-output-card strong,
body.page-id-6353 #ww-system-simulator .ww-result-card strong,
body.page-id-6353 #ww-system-simulator .ww-result strong,
body.page-id-6353 #ww-system-simulator .ww-capacity-result strong,
body.page-id-6353 #ww-system-simulator .ww-plan-status strong,
body.page-id-6353 #ww-system-simulator .ww-guided-custom-pump > strong,
body.page-id-6353 #ww-system-simulator .ww-pump-card strong,
body.page-id-6353 #ww-system-simulator .ww-route-summary strong {
	color: var(--wwd-ink) !important;
}

body.page-id-6353 #ww-system-simulator .ww-capacity-result.is-limited-reserve,
body.page-id-6353 #ww-system-simulator .ww-capacity-result.is-reduced-output {
	border-color: #e7b77c !important;
	background: #fff8eb !important;
}

body.page-id-6353 #ww-system-simulator .ww-capacity-result.is-insufficient {
	border-color: #d8a0a0 !important;
	background: #fff4f4 !important;
}

body.page-id-6353 #ww-system-simulator .wwsq-quote-action {
	background: linear-gradient(135deg, #f4f7f7 0%, #fff 62%, #fff5eb 100%) !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator .wwsq-quote-action h2,
body.page-id-6353 #ww-system-simulator .wwsq-quote-action h3,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions h2,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions h3,
body.page-id-6353 #ww-system-simulator .ww-sim-note h2,
body.page-id-6353 #ww-system-simulator .ww-sim-note h3 {
	color: var(--wwd-ink) !important;
	text-align: center !important;
}

body.page-id-6353 #ww-system-simulator .wwsq-quote-action p,
body.page-id-6353 #ww-system-simulator .ww-sim-report-actions p,
body.page-id-6353 #ww-system-simulator .ww-sim-note p {
	max-width: 900px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	color: var(--wwd-copy) !important;
	font-size: 18px !important;
	line-height: 1.62 !important;
	text-align: center !important;
}

/* Supporting content below the calculator. */
body.page-id-6353 .ww-simulator-page > .ww-simulator-analytics-note {
	max-width: 980px !important;
	margin: 20px auto 28px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wwd-muted) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

body.page-id-6353 .ww-simulator-page > .ww-message-card,
body.page-id-6353 .ww-simulator-page > section:last-child {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto 18px !important;
	padding: clamp(32px, 4vw, 50px) clamp(20px, 4.5vw, 54px) !important;
	border: 0 !important;
	border-top: 1px solid var(--wwd-line) !important;
	border-bottom: 1px solid var(--wwd-line) !important;
	border-radius: 0 !important;
	background: var(--wwd-soft) !important;
	box-shadow: none !important;
	color: var(--wwd-copy) !important;
}

body.page-id-6353 .ww-simulator-page > .ww-message-card h2,
body.page-id-6353 .ww-simulator-page > section:last-child h2,
body.page-id-6353 .ww-simulator-page > section:last-child h3 {
	color: var(--wwd-ink) !important;
	font-size: clamp(28px, 3vw, 40px) !important;
	font-weight: 900 !important;
	line-height: 1.14 !important;
	text-align: center !important;
	text-shadow: none !important;
}

body.page-id-6353 .ww-simulator-page > .ww-message-card p,
body.page-id-6353 .ww-simulator-page > section:last-child p,
body.page-id-6353 .ww-simulator-page > .ww-message-card label {
	color: var(--wwd-copy) !important;
	font-size: 18px !important;
	line-height: 1.62 !important;
}

@media (max-width: 1040px) {
	body.page-id-6353 #ww-system-simulator .ww-equipment-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-source-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body.page-id-6353 .ww-simulator-page {
		padding-right: 12px !important;
		padding-left: 12px !important;
		font-size: 17px !important;
	}

	body.page-id-6353 .ww-simulator-page > .hero {
		margin-top: 18px !important;
		padding: 38px 18px !important;
	}

	body.page-id-6353 .ww-simulator-page > .hero h1 {
		font-size: clamp(36px, 11vw, 49px) !important;
	}

	body.page-id-6353 .ww-simulator-page .ww-beta-notice {
		grid-template-columns: 1fr !important;
		text-align: center !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-sim-intro,
	body.page-id-6353 #ww-system-simulator .ww-builder-step,
	body.page-id-6353 #ww-system-simulator .ww-equipment-step,
	body.page-id-6353 #ww-system-simulator .ww-hose-step,
	body.page-id-6353 #ww-system-simulator .ww-route-step,
	body.page-id-6353 #ww-system-simulator .ww-results,
	body.page-id-6353 #ww-system-simulator .ww-sample-options,
	body.page-id-6353 #ww-system-simulator .ww-sample-capacity-planner,
	body.page-id-6353 #ww-system-simulator .ww-unified-output-stage,
	body.page-id-6353 #ww-system-simulator .ww-sim-note,
	body.page-id-6353 #ww-system-simulator .ww-sim-report-actions,
	body.page-id-6353 #ww-system-simulator .wwsq-quote-action {
		padding: 32px 16px !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-source-grid,
	body.page-id-6353 #ww-system-simulator .ww-equipment-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 11px !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick {
		min-height: 248px !important;
		padding: 10px !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick img,
	body.page-id-6353 #ww-system-simulator .ww-stepper-card img {
		height: 128px !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-mode-switch {
		grid-template-columns: 1fr 1fr !important;
		width: 100% !important;
	}
}

@media (max-width: 480px) {
	body.page-id-6353 #ww-system-simulator .ww-source-grid,
	body.page-id-6353 #ww-system-simulator .ww-equipment-grid {
		grid-template-columns: 1fr !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick {
		min-height: 0 !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-equipment-control > .ww-pick img,
	body.page-id-6353 #ww-system-simulator .ww-stepper-card img {
		height: 170px !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-diagram {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	body.page-id-6353 #ww-system-simulator .ww-diagram b {
		display: none !important;
	}
}

/*
 * Final contrast repair for late legacy rules. These selectors deliberately
 * include the simulator's own root class so they win without affecting any
 * other page or changing the Designer's behaviour.
 */
body.page-id-6353 #ww-system-simulator.ww-sim .ww-builder-step > h3,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-equipment-step > h3,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-route-step > h3,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-hose-step > h3 {
	color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-source-pick > span:not(.ww-source-icon) {
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-source-pick > .ww-source-icon {
	background: var(--wwd-blue) !important;
	color: #fff !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
	max-width: 1100px !important;
	margin: 24px auto 0 !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card {
	min-width: 0 !important;
	padding: 24px !important;
	border: 1px solid var(--wwd-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 7px 20px rgba(20, 44, 55, .05) !important;
	color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card h4 {
	margin: 0 0 14px !important;
	color: var(--wwd-orange-dark) !important;
	font-size: clamp(20px, 1.8vw, 25px) !important;
	text-align: left !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card h4::after {
	display: block !important;
	width: 42px !important;
	height: 3px !important;
	margin-top: 10px !important;
	border-radius: 3px !important;
	background: var(--wwd-orange) !important;
	content: "" !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card p,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card li,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card strong,
body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__footer {
	color: var(--wwd-copy) !important;
	font-size: 17px !important;
	line-height: 1.56 !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__card strong {
	color: var(--wwd-ink) !important;
	font-weight: 900 !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-nozzle-chart-link {
	display: inline-flex !important;
	margin-top: 10px !important;
	color: var(--wwd-blue) !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(14, 82, 104, .35) !important;
	text-underline-offset: 4px !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin-top: 18px !important;
}

body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__stat {
	display: block !important;
	padding: 12px 8px !important;
	border: 1px solid #f0d2bf !important;
	border-radius: 9px !important;
	background: var(--wwd-soft-warm) !important;
	color: var(--wwd-ink) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-shadow: none !important;
}

@media (max-width: 760px) {
	body.page-id-6353 #ww-system-simulator.ww-sim .ww-sim-note__grid {
		grid-template-columns: 1fr !important;
	}
}

/* Legacy layers used a separate WebKit fill colour for dark panels. Keep it
 * synchronized with the new light-theme colour throughout this page. */
body.page-id-6353 #ww-system-simulator.ww-sim * {
	-webkit-text-fill-color: currentColor !important;
}

/* Engine-injected presentation rules use unusually high specificity. Doubling
 * the unique root ID safely outranks only those rules on this one page. */
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-source-pick > span:not(.ww-source-icon) {
	color: var(--wwd-copy) !important;
	-webkit-text-fill-color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note--structured > h3 {
	color: var(--wwd-ink) !important;
	-webkit-text-fill-color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note--structured > p,
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__card p,
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__card li,
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__footer {
	color: var(--wwd-copy) !important;
	-webkit-text-fill-color: var(--wwd-copy) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__card strong {
	color: var(--wwd-ink) !important;
	-webkit-text-fill-color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__card h4 {
	color: var(--wwd-orange-dark) !important;
	-webkit-text-fill-color: var(--wwd-orange-dark) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-nozzle-chart-link {
	color: var(--wwd-blue) !important;
	-webkit-text-fill-color: var(--wwd-blue) !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__stat {
	color: var(--wwd-ink) !important;
	-webkit-text-fill-color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__header h3 {
	color: var(--wwd-ink) !important;
	-webkit-text-fill-color: var(--wwd-ink) !important;
	text-shadow: none !important;
}

body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-sim-note__header p {
	color: var(--wwd-copy) !important;
	-webkit-text-fill-color: var(--wwd-copy) !important;
	text-shadow: none !important;
}


/* 0.2.31: measured-source step. Keep engine-injected dark styles from
 * mixing with the light presentation; preserve each control's hidden state. */
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel {
    background: #f5f7f7 !important;
    color: #334a54 !important;
    border: 1px solid #dbe3e5 !important;
    box-shadow: none !important;
    padding: clamp(18px, 3vw, 30px) !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel :is(h3,h4,label,strong,b) {
    color: #142c37 !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel :is(p,small,span),
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-source-step > p,
body.page-id-6353 #ww-system-simulator#ww-system-simulator .ww-route-step > p {
    color: #334a54 !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel .ww-step-kicker {
    color: #a84408 !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel :is(.ww-other-type,.ww-tank-pump-actions button) {
    background: #fff !important;
    color: #142c37 !important;
    border: 2px solid #b8c7cc !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    min-height: 86px;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel button[aria-pressed="true"] {
    background: #fff3e8 !important;
    border-color: #a84408 !important;
    box-shadow: inset 0 0 0 1px #a84408 !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel button:focus-visible {
    outline: 3px solid #0e5268 !important;
    outline-offset: 3px !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel :is(.ww-tank-pump-choice,.ww-other-note) {
    background: #eaf0f2 !important;
    color: #334a54 !important;
    border: 1px solid #dbe3e5 !important;
    box-shadow: none !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel .ww-other-fields {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 18px !important;
}
body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel [hidden] {
    display: none !important;
}
@media (max-width: 600px) {
    body.page-id-6353 #ww-system-simulator#ww-system-simulator #ww-other-source-panel .ww-other-fields {
        grid-template-columns: 1fr !important;
    }
}

/* A measured household tap starts at the house; retain the roof-height field. */
body.page-id-6353 #ww-system-simulator#ww-system-simulator[data-source-type="other"][data-other-source-type="household"] .ww-tap-omit {
    display: none !important;
}