.quote-examples { margin: 18px 0; }
.quote-examples-toggle { width: fit-content; list-style: none; cursor: pointer; }
.quote-examples-toggle::-webkit-details-marker { display: none; }
.quote-examples > .card { margin-top: 12px; }
.quote-examples:not([open]) .quote-examples-hide,
.quote-examples[open] .quote-examples-show { display: none; }
.quote-example-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.quote-example-cards article { min-width: 0; }
.quote-example-cards h3 { margin: 0 0 8px; }
.quote-example-page > .card, .quote-example-page > .toolbar { margin-top: 20px; }
.quote-example-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.quote-example-fields p { margin: 6px 0 0; overflow-wrap: anywhere; }
.quote-example-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.quote-example-total { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.quote-example-page table { width: 100%; }
.quote-example-page form > .card { margin-top: 20px; }
.quote-example-page .toolbar { flex-wrap: wrap; }
.quote-example-steps { margin: 20px 0; }
.quote-example-feedback { color: var(--red, #e55757); overflow-wrap: anywhere; }
.quote-example-output-tools { margin: 0 auto 24px; max-width: 1100px; }
.quote-example-output-tools .toolbar { flex-wrap: wrap; }
.quote-example-output-tools .btn.outline { color: #193b60; border-color: #72879d; background: #fff; }
.quote-example-output-tools .btn.outline:hover { background: #edf3fa; }
.quote-example-output-tools .page-head p, .quote-example-output-tools > p { color: #526171; }
@media (max-width: 680px) {
  .quote-example-cards, .quote-example-fields, .quote-example-summary { grid-template-columns: 1fr; }
  .quote-example-page table { min-width: 650px; }
}