/* ==========================================================================
   BEL-AIR public site — event registration, pet applications and Send us a
   message (W7c; Mockup 02 event-register.html, event-registration.html,
   pet-apply.html, pet-application.html, contact-message.html). The mockup's
   inline spacing lives here as classes (CSP: no inline style); everything else
   is inner.css.
   ========================================================================== */
.reg-mt-04 { margin-top: .4rem; }
.reg-mt-075 { margin-top: .75rem; }
.reg-mt-09 { margin-top: .9rem; }
.reg-mt-1 { margin-top: 1rem; }
.reg-mt-15 { margin-top: 1.5rem; }
.reg-mt-175 { margin-top: 1.75rem; }
.reg-mt-2 { margin-top: 2rem; }
.reg-mb-2 { margin-bottom: 2rem; }
.reg-flat { border: 0; padding-top: 0; }

/* the step's questions, spaced as the mockup's fieldsets */
.reg-fields > .reg-field + .reg-field:not([hidden]) { margin-top: 1.4rem; }
.reg-field > .notice { margin-top: 1.4rem; }
.reg-fields > .reg-field:first-child > .notice:first-child { margin-top: 0; }

/* owner actions on a registration: a row of buttons, a stack on phones */
.reg-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .75rem; }
.reg-actions form { display: contents; }

/* the review list */
.review dl { display: grid; grid-template-columns: minmax(8rem, 1fr) 2fr; gap: .4rem 1rem; }
.review dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .review dl { grid-template-columns: 1fr; }
  .review dd { margin-bottom: .5rem; }
  .reg-actions .btn { width: 100%; justify-content: center; }
}

/* the honeypot of Send us a message: never seen, never read aloud */
.reg-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* a timeline line staff wrote for the resident */
.reg-note { display: block; color: var(--ink-d2); font-size: var(--t-sm); }