.device-method-card__icon--water {
	color: var(--color-glyph-water);
	font-size: 1.45rem;
}

.radon-water-editor {
	position: relative;
	margin-bottom: 3rem;
}

.radon-water-editor__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
	padding-right: 3rem;
}

.radon-water-editor__header h2 { margin: 0 0 0.4rem; }
.radon-water-editor__header p { margin: 0; color: var(--color-text-secondary); }
.radon-water-editor :is(button, input, select):focus-visible { outline: 3px solid var(--color-link); outline-offset: 2px; }

.radon-water-guidance {
	display: grid;
	gap: 0.25rem;
	margin-bottom: 1rem;
	padding: 0.9rem 1rem;
	color: var(--color-text-secondary);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-left: 0.3rem solid var(--color-accent);
	border-radius: 0.45rem;
}

.radon-water-guidance strong { color: var(--color-text-primary); }
.radon-water-groups { display: grid; gap: 1rem; }
.radon-water-group { min-width: 0; }
.radon-water-group__heading,
.radon-water-analysis__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}
.radon-water-group__heading h3,
.radon-water-analysis__heading h4 { margin: 0; }
.radon-water-group__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.radon-water-analyses { display: grid; gap: 1rem; margin-top: 1rem; }
.radon-water-analysis { padding: 1rem; background: var(--color-surface-muted); border: 1px solid var(--color-divider); border-radius: 0.45rem; }
.radon-water-analysis__fields { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0.85rem; }
.radon-water-analysis__fields .radon-water-source-field { grid-column: span 2; }
.radon-water-analysis__fields label { display: flex; flex-direction: column; gap: 0.35rem; color: var(--color-text-secondary); font-weight: 700; }
.radon-water-analysis__fields input,
.radon-water-analysis__fields select { box-sizing: border-box; width: 100%; min-width: 0; padding: 0.65rem; color: var(--color-control-text); background: var(--color-control-bg); border: 1px solid var(--color-control-border); border-radius: 0.3rem; }
.radon-water-analysis__fields small { color: var(--color-text-secondary); font-weight: 400; }
.radon-water-source-summary { margin-top: 0.75rem; }
.radon-water-result-grid { margin-top: 0.85rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.radon-water-analysis details { margin-top: 0.8rem; }
.radon-water-analysis details summary { color: var(--color-link); cursor: pointer; font-weight: 700; }
.radon-water-diagnostics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.65rem; }
.radon-water-diagnostics div { min-width: 0; padding: 0.55rem; background: var(--color-surface); border-radius: 0.25rem; overflow-wrap: anywhere; }
.radon-water-diagnostics dt { color: var(--color-text-secondary); font-size: 0.78rem; }
.radon-water-diagnostics dd { margin: 0.2rem 0 0; font-weight: 700; }
.radon-water-group-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1rem; }
.radon-water-group-summary > div,
.radon-water-location-results > div { padding: 0.75rem; background: var(--color-surface-muted); border-left: 0.25rem solid var(--color-accent); border-radius: 0.25rem; }
.radon-water-group-summary span,
.radon-water-location-results span { display: block; color: var(--color-text-secondary); font-size: 0.85rem; }
.radon-water-group-summary strong,
.radon-water-location-results strong { display: inline-block; margin-top: 0.25rem; }
.radon-water-location-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.radon-water-add-button,
.radon-water-remove-button { padding: 0.55rem 0.8rem; color: var(--color-text-primary); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 0.35rem; cursor: pointer; }
.radon-water-add-button { margin: 1rem 0; }
.radon-water-remove-button { color: var(--color-error-text); }

@media screen and (max-width: 980px) {
	.radon-water-analysis__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.radon-water-location-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 640px) {
	.radon-water-editor__header { flex-direction: column; }
	.radon-water-group__fields,
	.radon-water-analysis__fields,
	.radon-water-result-grid,
	.radon-water-diagnostics,
	.radon-water-group-summary,
	.radon-water-location-results { grid-template-columns: 1fr; }
	.radon-water-analysis__fields .radon-water-source-field { grid-column: auto; }
}
