/* Readable HTML comparison tools; no raster text required. */
.quote-scope{container-type:inline-size;margin:28px 0;padding:24px;background:#F7F4EC;border:1px solid var(--line);border-radius:12px;font-size:18px;line-height:1.6;color:#18344A;min-width:0}
.quote-scope *{box-sizing:border-box;overflow-wrap:anywhere}
.quote-scope h3{font-size:28px;line-height:1.25;margin:0 0 16px}.quote-scope h4{font-size:22px;line-height:1.3;margin:16px 0}.quote-scope p{margin:0 0 16px}
.quote-scope .qs-intro{font-size:20px}.quote-scope .qs-strip,.quote-scope .qs-result{padding:18px;border-radius:10px;background:#e7eeee;margin:22px 0}.quote-scope .qs-result{border-left:6px solid #E9B44C}
.quote-scope .qs-example{font-size:16px;font-weight:bold;margin:20px 0 12px}
.quote-scope .qs-table{width:100%;min-width:0;border-collapse:collapse;background:#fff;margin:0}.quote-scope th,.quote-scope td{font-size:18px;text-align:left;padding:16px;vertical-align:top;border:1px solid #d9dfdf}.quote-scope th{background:#18344A;color:white}.quote-scope td:first-child{font-weight:bold;width:28%}.quote-scope td:last-child{background:#fff4d9}
.quote-scope .qs-arrow{color:#764105;font-weight:bold}.quote-scope .qs-cards,.quote-scope .qs-flow,.quote-scope .qs-checklist{display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0}
.quote-scope .qs-card,.quote-scope .qs-step,.quote-scope .qs-checklist>div{background:#fff;padding:20px;border-radius:10px;min-width:0}
.quote-scope .qs-big{font-size:36px;font-weight:bold;line-height:1.2;margin-bottom:8px}.quote-scope .qs-pill{display:inline-block;background:#e7eeee;padding:5px 10px;border-radius:5px;font-size:16px;margin:4px 5px 10px 0}.quote-scope .qs-amber{background:#fff0c9}
.quote-scope .qs-number{display:inline-block;background:#E9B44C;padding:4px 13px;border-radius:50%;font-weight:bold}.quote-scope ul{padding-left:24px}.quote-scope li{margin-bottom:12px}.quote-scope .qs-question{color:#764105;font-weight:bold}
.quote-scope .qs-sources,.quote-scope .qs-note{font-size:16px;line-height:1.6}.quote-scope .qs-labels{display:flex;flex-wrap:wrap;gap:8px}
@container(min-width:650px){.quote-scope .qs-cards,.quote-scope .qs-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(min-width:800px){.quote-scope .qs-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:649px){.quote-scope .qs-table,.quote-scope tbody,.quote-scope tr,.quote-scope td{display:block;width:100%}.quote-scope thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quote-scope tr{border-bottom:2px solid #d9dfdf;padding:8px 0}.quote-scope td{border:0;padding:12px 16px}.quote-scope td:first-child{width:100%}.quote-scope td:before{content:attr(data-label);display:block;font-size:14px;font-weight:bold;margin-bottom:6px;color:#426071}}
@media(max-width:500px){.quote-scope{padding:16px}.quote-scope h3{font-size:26px}}
@media print{.quote-scope{container-type:normal;padding:12px;background:white;break-inside:auto}.quote-scope .qs-cards,.quote-scope .qs-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-scope .qs-card,.quote-scope .qs-step,.quote-scope .qs-checklist>div,.quote-scope tr{break-inside:avoid}.quote-scope th{background:#eee;color:#18344A}.quote-scope .qs-sources{font-size:14px}}
