/* The umh_email_capture shortcode / umh_email_capture_html() (class-umh-signup.php). Printed inline once per page. Selectors carry
   :not(#\9):not(#\9) (always true, adds id weight) so the theme's "#content-main p / h3 / input" rules, nor the Locker Room's "#umh-locker-root#umh-locker-root p / h3 / button" resets, restyle the block (two :not = two ids). */
.umh-cap:not(#\9):not(#\9) { --navy: #00274c; --maize: #ffcb05; box-sizing: border-box; margin: 0 0 20px; padding: 22px 22px 18px; border-radius: 10px; background: #f6f6f4; border-top: 4px solid var(--maize); color: #111; font: 400 var(--umh-fs-base, 16px)/1.5 var(--umh-font-ui, Lato), "Helvetica Neue", Arial, sans-serif; text-align: left; }
.umh-cap:not(#\9):not(#\9) * { box-sizing: border-box; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) { background: linear-gradient(160deg, #00274c 0%, #001a33 100%); color: #fff; border-top: 0; border-bottom: 5px solid var(--maize); }
.umh-cap:not(#\9):not(#\9) .umh-cap-k { margin: 0 0 4px; font: 800 var(--umh-fs-meta, 12px)/1.2 var(--umh-font-display, Montserrat), "Helvetica Neue", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #6b6b68; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-k { color: var(--maize); }
.umh-cap:not(#\9):not(#\9) .umh-cap-h { margin: 0 0 6px; padding: 0; border: 0; font: 900 var(--umh-fs-section, 24px)/1.15 var(--umh-font-display, Montserrat), "Helvetica Neue", Arial, sans-serif; letter-spacing: -.01em; color: var(--navy); text-transform: none; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-h { color: #fff; }
.umh-cap:not(#\9):not(#\9) .umh-cap-t { margin: 0 0 14px; font-size: var(--umh-fs-base, 15.5px); line-height: 1.45; color: #3d3d3a; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-t { color: #dfe6ee; }
.umh-cap:not(#\9):not(#\9) .umh-cap-f { margin: 0; }
.umh-cap:not(#\9):not(#\9) .umh-cap-row { display: flex; gap: 8px; }
.umh-cap:not(#\9):not(#\9) .umh-cap-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.umh-cap:not(#\9):not(#\9) .umh-cap-in { flex: 1 1 auto; min-width: 0; height: 48px; margin: 0; padding: 0 14px; border: 2px solid #cfcfcc; border-radius: 8px; background: #fff; color: #111; font: 400 max(16px, var(--umh-fs-base, 16px))/1 var(--umh-font-ui, Lato), "Helvetica Neue", Arial, sans-serif; box-shadow: none; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-in { border-color: #fff; }
.umh-cap:not(#\9):not(#\9) .umh-cap-in:focus { outline: none; border-color: var(--navy); box-shadow: 0 0 0 3px #fff3bf; }
.umh-cap:not(#\9):not(#\9) .umh-cap-b { flex: 0 0 auto; height: 48px; margin: 0; padding: 0 20px; border: 0; border-radius: 8px; background: var(--maize); color: var(--navy); font: 800 var(--umh-fs-base, 15px)/1 var(--umh-font-display, Montserrat), "Helvetica Neue", Arial, sans-serif; cursor: pointer; white-space: nowrap; text-transform: none; letter-spacing: .01em; }
.umh-cap:not(#\9):not(#\9) .umh-cap-b:hover { background: #ffd633; }
.umh-cap:not(#\9):not(#\9) .umh-cap-b:disabled { opacity: .6; }
.umh-cap:not(#\9):not(#\9) .umh-cap-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.umh-cap:not(#\9):not(#\9) .umh-cap-c { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0 0; font-size: var(--umh-fs-meta, 13.5px); line-height: 1.4; font-weight: 400; color: #3d3d3a; cursor: pointer; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-c { color: #cfd8e3; }
.umh-cap:not(#\9):not(#\9) .umh-cap-c input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--navy); }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-c input { accent-color: var(--maize); }
.umh-cap:not(#\9):not(#\9) .umh-cap-msg { margin: 8px 0 0; font-size: var(--umh-fs-meta, 14px); font-weight: 700; }
.umh-cap:not(#\9):not(#\9) .umh-cap-msg:empty { display: none; }
.umh-cap:not(#\9):not(#\9) .umh-cap-msg.is-err { color: #b3261e; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-msg.is-err { color: #ffb4ab; }
.umh-cap:not(#\9):not(#\9) .umh-cap-msg.is-ok { color: #1f7a3a; }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-msg.is-ok { color: var(--maize); }
.umh-cap.is-compact:not(#\9):not(#\9) { padding: 12px; border-top-width: 3px; }
@media (max-width: 520px) { .umh-cap:not(#\9):not(#\9) { padding: 18px 16px 16px; } .umh-cap:not(#\9):not(#\9) .umh-cap-row { flex-direction: column; } .umh-cap:not(#\9):not(#\9) .umh-cap-b { width: 100%; } .umh-cap:not(#\9):not(#\9) .umh-cap-h { font-size: var(--umh-fs-section, 21px); } }
/* a narrow box (sidebar, ~270px) stacks the field over the button at any screen width, so the address has room */
.umh-cap:not(#\9):not(#\9) { container-type: inline-size; }
@container (max-width: 380px) { .umh-cap:not(#\9):not(#\9) .umh-cap-row { flex-direction: column; gap: 10px; } .umh-cap:not(#\9):not(#\9) .umh-cap-b { width: 100%; } .umh-cap:not(#\9):not(#\9) .umh-cap-c { margin-top: 12px; } }
.umh-cap:not(#\9):not(#\9) .umh-cap-lede { margin: 0 0 10px; font: 800 var(--umh-fs-base, 16px)/1.3 var(--umh-font-display, Montserrat), "Helvetica Neue", Arial, sans-serif; color: var(--navy); }
.umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-lede { color: #fff; }
.umh-cap.is-compact:not(#\9):not(#\9) .umh-cap-c { font-size: var(--umh-fs-meta, 12.5px); }

/* ---------------------------------------------------------------------------------------------------------------------
   Brand: the Sports desk system (Oct 14, 2026), only under body.umh-brand. The plain box becomes a ruled block (a heavy
   rule over it, no tint slab); the navy box stays a brand-bar surface (--umh-bar, navy in both modes). Archivo heads and
   controls, a serif line of text, square corners (4px controls), maize only on the button. Tokens only: dark mode follows.
   --------------------------------------------------------------------------------------------------------------------- */
body.umh-brand .umh-cap:not(#\9):not(#\9) {
	margin-top: 24px; padding: 14px 0 16px; border-radius: 0; background: none; border: 0; border-top: var(--umh-rule-heavy); border-bottom: var(--umh-rule-thin);
	color: var(--umh-ink); font: 400 var(--umh-fs-ui)/var(--umh-lh-ui) var(--umh-font-ui);
}
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) { padding: 20px 22px 18px; background: var(--umh-bar); color: var(--umh-on-bar); border: 0; }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-k { font: 700 var(--umh-fs-label)/1.2 var(--umh-font-ui); letter-spacing: var(--umh-track-label); color: var(--umh-label); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-k { color: var(--umh-on-bar-2); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-h {
	font: 800 var(--umh-fs-section)/1.05 var(--umh-font-display); font-variation-settings: "wdth" var(--umh-wdth-display); letter-spacing: -.01em; color: var(--umh-ink); margin: 2px 0 6px;
}
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-h { color: var(--umh-on-bar); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-t { font: 400 var(--umh-fs-read)/1.5 var(--umh-font-text); color: var(--umh-ink-2); max-width: var(--umh-measure); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-t { color: var(--umh-on-bar-2); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-lede { font: 700 var(--umh-fs-ui)/1.3 var(--umh-font-ui); color: var(--umh-ink); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-lede { color: var(--umh-on-bar); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-in {
	height: 48px; border: 1px solid var(--umh-muted); border-radius: var(--umh-radius-control); background: var(--umh-paper); color: var(--umh-ink);
	font: 400 max(16px, var(--umh-fs-base))/1 var(--umh-font-ui);   /* 16px floor: iOS zooms the page into a smaller field (launch review Oct 23) */
}
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-in { border-color: var(--umh-on-bar-2); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-in:focus { border-color: var(--umh-ink); box-shadow: var(--umh-focus); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-b {
	height: 48px; border-radius: var(--umh-radius-control); background: var(--umh-ink); color: var(--umh-paper); font: 700 var(--umh-fs-ui)/1 var(--umh-font-ui); letter-spacing: 0;
}
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-b:hover { background: var(--umh-ink-2); color: var(--umh-paper); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-b:focus-visible { outline: none; box-shadow: var(--umh-focus); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-c { font: 400 var(--umh-fs-small)/1.4 var(--umh-font-ui); color: var(--umh-ink-2); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-c { color: var(--umh-on-bar-2); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-c input { accent-color: var(--umh-ink); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-c input { accent-color: var(--umh-maize); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-msg { font-family: var(--umh-font-ui); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-msg.is-err { color: var(--umh-bad); }
body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-msg.is-ok { color: var(--umh-good); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-msg.is-err,
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-msg.is-ok { color: var(--umh-on-bar); }
body.umh-brand .umh-cap.is-compact:not(#\9):not(#\9) { padding: 10px 0 12px; border-top-width: 2px; }
body.umh-brand .umh-cap.umh-cap-navy.is-compact:not(#\9):not(#\9) { padding: 12px; }
@media (max-width: 520px) {
	body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) { padding: 18px 16px 16px; }
	body.umh-brand .umh-cap:not(#\9):not(#\9) .umh-cap-h { font-size: var(--umh-fs-section); }
}
/* the box after the paywall message (UMH_Capture_Spots::paywall, when the brand join box does not hold it) */
.umh-cap-paywall { max-width: 784px; margin: -16px auto 32px; }

/* ---------- maize discipline (owner, Oct 15, 2026): brand on only; maize = the one primary action + the "current" marker ---------- */
body.umh-brand .umh-cap:not(#\9):not(#\9) { border-top-color: var(--umh-ink); }
body.umh-brand .umh-cap.umh-cap-navy:not(#\9):not(#\9) .umh-cap-b { background: var(--umh-paper); color: var(--umh-navy); }