/* Theme-independent shared Form presentation. No theme/global selectors. */
.cmdl-form-render {
	box-sizing: border-box;
	max-width: 760px;
	margin: 20px 0;
	padding: 24px;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	background: #fff;
	color: #172033;
	font: 16px/1.6 system-ui, sans-serif;
	overflow-wrap: anywhere;
}
.cmdl-form-render *, .cmdl-form-render *::before, .cmdl-form-render *::after { box-sizing: border-box; }
.cmdl-form-render h2 { margin: 0 0 16px; padding: 0; color: #172033; font: 700 24px/1.5 system-ui, sans-serif; }
.cmdl-form-render .cmdl-form-render__notice { margin: 0 0 24px; padding: 12px 16px; border: 1px solid #aab6c6; border-radius: 4px; background: #f7f9fc; color: #172033; font-size: 14px; }
.cmdl-form-render .cmdl-form-render__notice strong { display: block; }
.cmdl-form-render fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.cmdl-form-render .cmdl-form-render__legend { margin-bottom: 16px; color: #58657a; font-size: 14px; }
.cmdl-form-render .cmdl-form-render__field { margin-bottom: 20px; }
.cmdl-form-render label, .cmdl-form-render legend { display: block; margin-bottom: 8px; padding: 0; color: #172033; font-weight: 600; }
.cmdl-form-render .cmdl-form-render__requirement { display: inline-block; margin-inline-start: 4px; color: #58657a; font-size: 13px; font-weight: 400; }
.cmdl-form-render input:not([type=checkbox]), .cmdl-form-render select, .cmdl-form-render textarea { display: block; width: 100%; max-width: 100%; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #aab6c6; border-radius: 4px; background: #f7f9fc; color: #58657a; font: inherit; opacity: 1; box-shadow: none; }
.cmdl-form-render .cmdl-form-render__check { display: flex; gap: 10px; align-items: flex-start; min-height: 44px; padding: 8px 0; }
.cmdl-form-render input[type=checkbox] { flex: 0 0 20px; width: 20px; height: 20px; margin: 3px 0 0; opacity: 1; }
.cmdl-form-render .cmdl-form-render__help { margin: 6px 0 0; color: #58657a; font-size: 14px; white-space: pre-line; }
@media (max-width: 600px) { .cmdl-form-render { padding: 16px; } }

/* Beat WordPress disabled-select imagery without inheriting a tiled background. */
.cmdl-form-render select:disabled { appearance: auto; background-image: none; background-repeat: no-repeat; color: #58657a; text-shadow: none; }

.cmdl-form-live { margin: 0; padding: 0; }
.cmdl-form-live input[type=hidden] { display: none; }
.cmdl-form-live .cmdl-form-live__trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.cmdl-form-live input:not(:disabled), .cmdl-form-live select:not(:disabled), .cmdl-form-live textarea:not(:disabled) { color: #172033; background-color: #fff; }
.cmdl-form-live button { min-height: 44px; padding: 10px 20px; border: 1px solid #155c93; border-radius: 4px; background: #155c93; color: #fff; font: inherit; cursor: pointer; }
.cmdl-form-live button:hover { background: #104b79; }
.cmdl-form-live button:disabled { background: #d7dee8; border-color: #aab6c6; color: #465264; cursor: wait; }
.cmdl-form-live :focus-visible, .cmdl-form-receipt:focus { outline: 3px solid #155c93; outline-offset: 3px; }
.cmdl-form-live [aria-invalid=true] { border: 2px solid #a61b1b; }
.cmdl-form-live__error { margin: 8px 0 0; color: #a61b1b; font-weight: 600; }
.cmdl-form-live__result:not([hidden]) { padding: 12px 16px; border-left: 4px solid #155c93; background: #eef4fa; color: #172033; }
.cmdl-form-live__result[role=alert] { border-left-color: #a61b1b; }
.cmdl-form-live [hidden] { display: none !important; }

/* Fixed public confirmation checkpoint; no Builder/common-shell selectors. */
.cmdl-form-live__review h3 { margin: 0 0 8px; color: #172033; font: 700 22px/1.5 system-ui, sans-serif; }
.cmdl-form-live__summary { margin: 24px 0; }
.cmdl-form-live__summary dt { font-weight: 600; margin: 16px 0 4px; }
.cmdl-form-live__summary dd { margin: 0; padding-bottom: 16px; border-bottom: 1px solid #d7dee8; white-space: pre-wrap; overflow-wrap: anywhere; }
.cmdl-form-live__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cmdl-form-live button.cmdl-form-live__edit { background: #fff; color: #155c93; }
.cmdl-form-live button.cmdl-form-live__edit:hover { background: #eef4fa; }
.cmdl-form-live button.cmdl-form-live__edit:disabled { color: #465264; background: #d7dee8; }
.cmdl-form-live__review h3:focus { outline: 3px solid #155c93; outline-offset: 3px; }