.shop-site form[id^="shop-contact-"] { font-size: 1rem; }
.shop-site form[id^="shop-contact-"] .form-label { font-weight: 500; margin-bottom: var(--shop-field-gap); }
.shop-site form[id^="shop-contact-"] textarea.form-control { min-height: 180px; }
.shop-site form[id^="shop-contact-"] .form-navigation { margin-top: 1rem; }

.shop-site form[id^="shop-contact-"] .required { color: var(--shop-brand); }

/* The question of a radio or checkbox group looks like the other field labels; Bootstrap sizes legends like headings. */
.shop-site form .form-element > legend { font-size: inherit; margin-bottom: .5rem; }