@layer theme {
	/* beats the heading ramp's tight leading in-layer for a dialog's h4 (45-misc.css) */
	.modal > * {
		line-height: normal;
		margin-bottom: .5em;
		max-width: 100%;
	}
	/* wins on specificity, not base's file-order tie */
	.modal > .alert-message { margin-bottom: var(--fs-space-2); }
	/* moved from base: width:100% loses to the 210px generic box by layer */
	.modal > pre,
	.modal > textarea {
		white-space: pre-wrap;
		overflow: auto;
		width: 100%;
	}

	/* 600px is cramped for a table form (.cbi-map cards on a big screen); vw widens toward 1100 on desktop only */
	.modal:has(.cbi-map) { max-width: min(1100px, 94vw); }

	/* no HORIZONTAL scroll ever (measured 634px scroll vs 530px room) — docs/css.md "Modal: no horizontal scroll, ever" */
	#modal_overlay .modal label.btn {
		white-space: normal;
		min-width: 0;
		overflow-wrap: anywhere;
	}
	#modal_overlay .modal li { overflow-wrap: anywhere; }
	/* tints come from base's ladder alone (base/95-luci.css); radii sit on the Rounding axis */
	#modal_overlay .uci-dialog div > ins,
	#modal_overlay .uci-dialog div > del,
	#modal_overlay .uci-dialog div > var,
	#modal_overlay .uci-change-legend-label > ins,
	#modal_overlay .uci-change-legend-label > del,
	#modal_overlay .uci-change-legend-label > var { border-radius: var(--fs-radius-sm); }
	#modal_overlay .uci-change-legend-label > ins,
	#modal_overlay .uci-change-legend-label > del,
	#modal_overlay .uci-change-legend-label > var { overflow: hidden; }

	/* fill child sits 3px inset, overflow:hidden never reaches the corner — max() floors at 0 (issue #14) */
	#modal_overlay .uci-dialog var > ins,
	#modal_overlay .uci-dialog var > del {
		border-radius: max(0px, calc(var(--fs-radius-sm) - 3px));
	}
}