/* Meadow look for the leasing forms, so the pre-tour form and the rental application match the pages around them.
   Appearance only: load after the forms' own widget.css. Nothing here changes a field, a rule or where data goes. */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form {
  --mr-ink: #143629; --mr-muted: #4a5f55; --mr-line: #b9c7bf; --mr-accent: #143629; --mr-bg: #ffffff; --mr-info: #eef3ee;
  font-family: "Figtree", "Segoe UI", system-ui, sans-serif; font-size: 17px; line-height: 1.55; max-width: none;
}
/* Headings: the same capitals as the page headings */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) :is(.mr-step-title, .mr-section, .mr-asks h3) {
  font-family: "Forum", "Times New Roman", Times, serif; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; line-height: 1.2;
}
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-step-title { font-size: clamp(23px, 2.4vw, 28px); margin: 0 0 22px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-section { font-size: 21px; margin: 34px 0 12px; padding-top: 22px; border-top: 1px solid #cbd6cf; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-section-small { font-size: 17px; font-weight: 600; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-progress { font-size: 15px; margin: 0 0 6px; }
/* Fields: square, hairline, the page's focus ring */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-field { margin: 0 0 20px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-label { font-weight: 600; margin: 0 0 6px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-hint { font-size: 15px; margin: 0 0 8px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form :is(input[type=text], input[type=email], input[type=tel], input[type=date], input[type=number], select, textarea) {
  min-height: 52px; padding: 12px 14px; border-radius: 0; border: 1px solid var(--mr-line);
}
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form :is(input, select, textarea):hover { border-color: #143629; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form :focus-visible { outline: 2px solid #143629; outline-offset: 3px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-choice input { accent-color: #143629; }
/* Each choice is a full-width row at least 44px tall, so the words are an easy target on a phone */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-choice { min-height: 44px; align-items: flex-start; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-choice input { margin-top: 10px; flex: none; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-choice label { flex: 1; padding: 9px 0; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-note-plain { padding: 0; }
/* File pickers: the browser's button, dressed as the page's outline button */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form input[type=file] { font: inherit; font-size: 15px; color: #4a5f55; max-width: 100%; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-form input[type=file]::file-selector-button {
  min-height: 44px; padding: 0 20px; margin-right: 14px; border: 1px solid #143629; border-radius: 0; background: transparent; color: #143629;
  font: inherit; font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
}
/* Notes and messages: square, on the page's pale green */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) :is(.mr-note, .mr-summary, .mr-done) { border-radius: 0; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-note { padding: 14px 18px; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-note-legal { font-size: 15px; border-left: 1px solid #cbd6cf; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-done { color: #143629; background: #eef3ee; padding: 26px; }
/* Buttons: the page's buttons */
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-actions { gap: 12px; margin: 26px 0 0; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-btn {
  min-height: 52px; padding: 0 38px; border-radius: 0; border: 1px solid #143629; background: #143629; color: #fbfcfa;
  font-size: 15px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; transition: background .2s, color .2s;
}
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-btn:hover { background: #1f4d3b; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-btn-secondary { background: transparent; color: #143629; }
:is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-btn-secondary:hover { background: #eef3ee; }
.form-preview .mr-form [disabled] { opacity: 1; }
.form-preview .mr-btn[disabled] { opacity: 1; cursor: default; }
@media (max-width: 560px) {
  :is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-actions { flex-direction: column-reverse; }
  :is([class^="mre-form-"], [class*=" mre-form-"], .form-preview) .mr-btn { width: 100%; }
}