/* Text-the-ministry page — the texting line's public publication (the 10DLC
 * call-to-action location cited in the campaign's message flow). A
 * caller-family page: generous, one column, dark-only. Look-and-feel tokens
 * live in ../shared/witts.css; this file is layout only. */

.stage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}

.widget { width: 100%; max-width: 520px; }

/* Head rhythm mirrors the caller widget exactly (caller.css). */
.widget-head { text-align: center; margin-bottom: 28px; }
.widget-head .kicker { display: block; margin-bottom: 12px; }
.widget-head .hero { margin-bottom: 14px; }

/* The caller-card generous padding (DESIGN.md, guest-page clause). */
.card { text-align: center; padding: 48px 32px; }
.card > * + * { margin-top: 18px; }

/* The number is the page's one warm light — gold as text (never a second
 * fill; the action happens on the visitor's own phone, so the page correctly
 * has zero gold fills), glowing like a connected heading. 1.9rem is an
 * approved optical value (DESIGN.md, 10DLC round). Hover deepens the glow —
 * the motion policy's hover, in the text-glow medium. */
.sms-number {
  display: block;
  font: normal 1.9rem/1.2 var(--serif);
  color: var(--gold);
  text-shadow: var(--gold-glow-text);
  text-decoration: none;
  white-space: nowrap;
  transition: text-shadow .3s;
}
.sms-number:hover { text-shadow: 0 0 28px rgba(240, 193, 75, .55); }
.sms-number:focus-visible {
  outline: 0;
  border-radius: var(--radius-control);
  box-shadow: 0 0 0 2px var(--bg-deep), 0 0 0 4px var(--gold);
}

.card .rule { margin-block: 24px; }

/* The standing disclosures — body ink at meta size. Left-aligned within the
 * centered card (the form idiom): 4–6-line compliance text must stay
 * legible, and centered rag at that length isn't. */
.disclosure {
  font-size: .95rem;
  color: var(--ink);
  max-width: 46ch;
  margin-inline: auto;
  text-align: left;
}
.disclosure a { color: var(--blue); }
.disclosure a:hover { color: var(--blue-soft); }
/* STOP/HELP keep their semantic <strong> but wear the system's emphasis —
 * ink-bright + slight tracking, never the UA's bold (Georgia stays normal). */
.disclosure strong { font-weight: normal; color: var(--ink-bright); letter-spacing: .04em; }
