.accident-options{width:min(1060px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:18px;color:#092d50;background:#fff;box-shadow:0 24px 80px #092d5040}.accident-options::backdrop{background:#061d37b3}.accident-options header{display:flex;gap:16px;justify-content:space-between;padding:24px;background:#092d50;color:white}.accident-options h2{margin:6px 0;font-size:28px;color:white}.accident-options header p{margin:0}.accident-options .eyebrow{color:#e2c16d}.options-close{align-self:start;min-width:44px;min-height:44px;border:1px solid #ffffff66;border-radius:50%;background:transparent;color:white;font-size:28px;cursor:pointer}.unit-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:0;padding:16px 24px;margin:16px 0}.unit-options legend{font-weight:700}.unit-options label{position:relative;display:grid;justify-items:center;gap:3px;border:2px solid #dae3ec;border-radius:12px;padding:12px 6px;cursor:pointer}.unit-options label:has(:checked){border-color:#b9943d;background:#fff9e9}.unit-options strong{font-size:24px}.unit-options input{accent-color:#092d50}.unit-options small{font-size:12px}.benefit-comparison{padding:0 24px}.benefit-comparison summary{font-weight:700;padding:12px 0;cursor:pointer}.comparison-hint{font-size:13px;color:#526579}.comparison-scroll{overflow:auto;max-height:45vh;border:1px solid #dae3ec;border-radius:10px}.comparison-scroll table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:14px}.comparison-scroll th,.comparison-scroll td{padding:14px 12px;border-bottom:1px solid #dae3ec;text-align:center;background:white}.comparison-scroll th:first-child{text-align:left;min-width:235px;max-width:280px}.comparison-scroll th small{display:block;font-weight:400;font-size:12px;margin-top:6px;line-height:1.5;color:#526579}.comparison-scroll thead th{position:sticky;top:0;background:#edf3f8;z-index:1}.comparison-scroll .selected{background:#fff7e3}.accident-options footer{padding:20px 24px}.accident-options footer p:first-child{font-size:12px;color:#526579}.accident-options footer .button{width:100%;min-height:48px}.accident-options button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.accident-options header{padding:20px}.accident-options h2{font-size:24px}.unit-options{padding:12px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-comparison{padding:0 16px}.accident-options footer{padding:16px}.comparison-scroll{max-height:35vh}}
/* Fit the comparison to the dialog; use one natural vertical flow. */
dialog.accident-options{width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:0;box-sizing:border-box}
.accident-options .comparison-scroll{overflow:visible;max-height:none;border-radius:0}
.accident-options .comparison-scroll table{width:100%;min-width:0;table-layout:fixed}
.accident-options .comparison-scroll th:first-child{width:30%;min-width:0;max-width:none}
.accident-options .comparison-scroll th,.accident-options .comparison-scroll td{overflow-wrap:break-word;padding:12px 8px}
.accident-options .comparison-scroll thead th{position:static}
.accident-options .comparison-hint{display:none}
@media(max-width:700px){
 dialog.accident-options{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}
 .accident-options .comparison-scroll th:first-child{width:66%}
 .accident-options .comparison-scroll [data-unit]{display:none}
 .accident-options .comparison-scroll [data-unit].selected{display:table-cell}
 .accident-options .comparison-scroll:not(:has(.selected)) [data-unit="1"]{display:table-cell}
 .accident-options .comparison-scroll th,.accident-options .comparison-scroll td{font-size:14px}
}

.optional-extras{padding:20px 24px 0}.optional-extras h3{margin:0;font-size:20px}.optional-extras>p{font-size:14px;color:#526579}.optional-extras article{border:1px solid #dbe3eb;border-top:3px solid #c4a24d;border-radius:12px;padding:18px;margin-top:14px;background:#fafcfe}.extra-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.extra-toggle strong{display:block;font-size:17px}.extra-price{display:block;color:#526579;font-size:14px;margin-top:4px}.extra-toggle input{appearance:none;flex:0 0 48px;width:48px;height:28px;border-radius:20px;background:#8a97a4;position:relative;cursor:pointer}.extra-toggle input:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:4px;top:4px}.extra-toggle input:checked{background:#092d50}.extra-toggle input:checked:before{left:24px;background:#e5c56f}.optional-extras article p{font-size:14px;line-height:1.5}.optional-extras summary{cursor:pointer;font-weight:700;padding:8px 0}.optional-extras dl{margin:0}.optional-extras dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:10px 0;border-bottom:1px solid #e0e7ee;font-size:14px}.optional-extras dd{margin:0;font-weight:700}.optional-extras .extra-terms{font-size:12px;color:#526579}@media(max-width:700px){.optional-extras{padding:18px 16px 0}.optional-extras article{padding:14px}}

.accident-options #unit-selection{color:#092d50;min-width:0}.accident-options .quote-total-price{display:block;font-size:30px;font-weight:800;line-height:1.2;white-space:nowrap}.accident-options .quote-total-price span{font-size:15px;font-weight:600}.accident-options .quote-total-details{display:block;font-size:13px;line-height:1.5;margin-top:6px}
@media(min-width:701px){
/* Keep checkout summary independent from the site's general footer layout. */
dialog.accident-options>footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:18px 28px;align-items:center;justify-content:normal;padding:24px;margin:20px 0 0;background:#f5f8fb;border-top:1px solid #dbe3eb;text-align:left}
dialog.accident-options>footer #unit-selection{grid-column:1;grid-row:1;margin:0;padding:0;width:auto;max-width:none}
dialog.accident-options>footer .quote-total-price{display:block;font-size:32px;line-height:1.25;white-space:normal;font-weight:800}
dialog.accident-options>footer .quote-total-price span{display:inline-block;font-size:15px;white-space:nowrap;margin-left:4px}
dialog.accident-options>footer .quote-total-details{font-size:14px;margin-top:8px;line-height:1.5;max-width:none}
dialog.accident-options>footer #confirm-accident-option{grid-column:2;grid-row:1;min-width:0;width:100%;margin:0;padding:16px 20px;white-space:normal;line-height:1.4}
dialog.accident-options>footer>p:first-child{grid-column:1/-1;grid-row:2;margin:0;padding-top:16px;border-top:1px solid #dbe3eb;max-width:none;width:auto;font-size:12px;line-height:1.6;color:#526579}
}
