/* WordPress-only additions to the mockup's styles (rc-site.css is generated from the mockup; this
   file is hand-written). Keep it short: anything about the look belongs in the mockup.

   The Dubsado form card (includes/forms.php), where the mockup has its demo forms: in the booking
   sheet's panels and on the Contact page. The button opens the form on Dubsado; on the live site,
   once a form is set to embed, its frame shows instead. */
.rc-form { display: grid; gap: 14px; padding: 4px 0 2px; }
.rc-form p { margin: 0; }
.rc-form__lead { color: var(--body); max-width: 560px; }
.rc-form__go .btn { white-space: normal; text-align: left; }
.rc-form__alt { color: var(--muted); font-size: 14px; }
.rc-form__alt a { color: var(--rust); text-decoration: underline; text-underline-offset: 3px; }
.rc-form__note { padding: 10px 12px; border-left: 2px solid var(--rust); background: var(--rust-mist); color: var(--ink); font-size: 13.5px; line-height: 1.5; }
/* The embedded form: iframe-resizer sets the frame's height to the form's (an inline style). These
   heights only hold until then, or if its script doesn't run: Ashley's bookkeeping form measured
   1,472-1,480 px tall at 579-656 px wide and 1,546-1,641 px at 305-248 px (2026-11-11). */
.rc-form__frame { display: block; width: 100%; height: 1500px; border: 0; }
@media (max-width: 600px) { .rc-form__frame { height: 1660px; } }