.quote-form [hidden] { display: none !important; }
.quote-mode { grid-column: 1 / -1; min-width: 0; margin: 0 0 10px; padding: 0; border: 0; }
.quote-mode legend { padding: 0; margin-bottom: 12px; color: white; font-size: .94rem; font-weight: 750; }
.quote-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.quote-mode-option { display: flex; align-items: flex-start; gap: 10px; min-width: 0; min-height: 110px; padding: 16px 12px; border: 1px solid #70869a; background: #203d58; cursor: pointer; }
.quote-mode-option:has(input:checked) { border-color: var(--orange); background: #2c4253; box-shadow: inset 0 0 0 1px var(--orange); }
.quote-mode-option:hover { border-color: var(--orange); }
.quote-mode-option:focus-within { outline: 2px solid var(--orange); outline-offset: 3px; }
.quote-mode-option input { flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--orange); }
.quote-mode-option strong { display: block; color: white; font-size: .83rem; line-height: 1.4; }
.quote-mode-option small { display: block; margin-top: 7px; color: #d0dce5; font-size: .74rem; line-height: 1.45; }
.quote-form .field { min-width: 0; }
.quote-form .field input::placeholder, .quote-form .field textarea::placeholder { color: #bac9d5; opacity: 1; }
.quote-form .form-status { color: #e5edf3; }
@media (max-width: 640px) {
  .quote-mode-options { grid-template-columns: 1fr; }
  .quote-mode-option { min-height: 90px; }
}