/* School/RBHS presentation only: existing field names and routing are retained. */
.legacyReferralPage { background: #f4f7f3; color: #203852; font-size: 16px; line-height: 1.65; }
.legacyReferralPage p { font-size: 16px; line-height: 1.75; }
.legacyReferralPage a { color: #24595c; text-decoration: underline; text-underline-offset: 3px; }
.legacyReferralPage .interiorPageHeader { background: #203852; color: #fff; padding: 36px 0; }
.legacyReferralPage .interiorPageHeader h1 { color: #fff; font-size: 44px; font-weight: 700; line-height: 1.15; margin: 24px 0 16px; }
.legacyReferralPage .interiorPageHeader p { margin: 0; font-size: 18px; }
.legacyReferralPage .legacyReferralBack { color: #fff; display: inline-block; padding: 8px 0; }
.legacyReferralPage .interiorPageSection { background: transparent; padding: 32px 0 48px; }
.legacyReferralPage .legacyReferralHint { color: #52636a; font-size: 14px; }
.legacyReferralPage form { background: #fff; border: 1px solid #d7e1dc; border-radius: 8px; padding: 32px; }
.legacyReferralPage h2 { border-bottom: 1px solid #d7e1dc; color: #203852; font-size: 28px; font-weight: 700; letter-spacing: -0.4px; line-height: 1.3; margin: 24px 0; padding-bottom: 16px; text-transform: none; }
.legacyReferralPage form > h2:first-child { margin-top: 0; }
.legacyReferralPage .form-group { margin-bottom: 24px; }
.legacyReferralPage label { font-size: 16px; line-height: 1.5; margin-bottom: 8px; }
.legacyReferralPage .form-control { border: 1px solid #81949e; border-radius: 4px; box-shadow: none; color: #203852; font: inherit; height: auto; min-height: 48px; padding: 10px 12px; }
.legacyReferralPage textarea { resize: vertical; }
.legacyReferralPage input[type="file"] { max-width: 100%; }
.legacyReferralPage .radio label, .legacyReferralPage .checkbox label { min-height: 44px; padding: 10px 12px 10px 32px; }
.legacyReferralPage .radio input, .legacyReferralPage .checkbox input { height: 18px; width: 18px; margin-left: -26px; margin-top: 3px; accent-color: #24595c; }
.legacyReferralPage #btnSubmit { background: #2f6f73; border: 2px solid #2f6f73; border-radius: 5px; color: #fff; font: inherit; font-weight: 700; min-height: 48px; padding: 12px 24px; white-space: normal; }
.legacyReferralPage #btnSubmit:hover { background: #24595c; }
.legacyReferralPage input:focus-visible, .legacyReferralPage select:focus-visible, .legacyReferralPage textarea:focus-visible { outline: 3px solid #d6a84b; outline-offset: 3px; }
.legacyReferralPage #divFormAlerts { color: #922f27; border-color: #922f27; font-size: 16px; }
@media (max-width: 767px) {
    .legacyReferralPage .interiorPageHeader h1 { font-size: 36px; }
    .legacyReferralPage form { padding: 24px 18px; }
    .legacyReferralPage h2 { font-size: 24px; }
    .legacyReferralPage .interiorPageSection { padding: 24px 0 32px; }
}
