#online-quote #quote-step-status { margin-block: 4px 16px; }
#online-quote .vln-online-quote { min-width: 0; color: var(--vln-ink); }
#online-quote .vln-quote-step { display: grid; align-content: start; gap: 20px; min-width: 0; }
#online-quote .vln-quote-step[hidden] { display: none; }
#online-quote .vln-quote-step__title { margin: 0; }
#online-quote .vln-quote-step__title:focus { outline: none; }
#online-quote .vln-quote-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; min-width: 0; }
#online-quote .vln-quote-section > .vln-form-hint { grid-column: 1 / -1; }
#online-quote .vln-quote-field { position: relative; margin: 0; padding: 0; border: 0; min-width: 0; }
#online-quote .vln-quote-value { min-width: 0; overflow-wrap: anywhere; }
#online-quote .quote-field-error { color: var(--vln-error); white-space: normal; }
#online-quote [data-quote-lookup] { color: var(--vln-muted); }
#online-quote [data-quote-lookup][data-status="error"],
#online-quote [data-quote-lookup][data-status="invalid"],
#online-quote [data-quote-lookup][data-status="not-found"] { color: var(--vln-error); }
@media (max-width: 540px) {
    #online-quote .vln-quote-section { grid-template-columns: minmax(0, 1fr); }
}
#online-quote .vln-quote-suggestions { position: absolute; z-index: 2; inset: 66px 0 auto; max-height: 200px; overflow: auto; border: 1px solid var(--vln-border); border-radius: var(--vln-control-radius); background: white; box-shadow: 0 4px 12px #26323d1f; }
#online-quote .vln-quote-suggestion { display: block; width: 100%; min-height: 40px; padding: 10px 12px; border: 0; border-radius: 0; text-align: left; white-space: normal; background: white; color: var(--vln-ink); font: inherit; cursor: pointer; }
#online-quote .vln-quote-suggestion:hover { background: var(--vln-surface); }
#online-quote .vln-quote-suggestion:focus-visible { outline: 2px solid var(--vln-accent); outline-offset: -2px; background: var(--vln-surface); }