.reflow-comparison .figure-heading{display:block}.reflow-comparison .figure-heading>p{font-size:14px;line-height:1.9;margin:8px 0 20px}.reflow-comparison .example{min-width:0}.reflow-comparison .example-before{border-left:1px solid transparent}
.reflow-viewport{padding:14px;background:#fff;color:#252c2d;min-width:0}.reflow-static .reflow-viewport{overflow:hidden}.reflow-cards{display:grid;gap:14px;align-items:start}.reflow-fixed{width:750px;grid-template-columns:540px 196px}.reflow-flexible{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.reflow-card{min-width:0}.reflow-card h4{font-size:18px;line-height:1.7;margin:0 0 12px}.reflow-card p{font-size:16px;line-height:1.9;margin:0 0 16px;overflow-wrap:anywhere}.reflow-card details{margin:0}.reflow-card summary,.reflow-static-summary{font-size:16px;line-height:1.8;border:1px solid #24574c;border-radius:4px;background:#edf3ed;color:#173d34;padding:8px;overflow-wrap:anywhere}.reflow-card summary{cursor:pointer;min-height:44px}.reflow-card details p{margin:12px 0 0}.reflow-static-summary{display:block}.reflow-scroll-track{margin:0 12px;height:8px;border-radius:4px;background:#e2e6e2}.reflow-scroll-track span{display:block;width:42%;height:100%;border-radius:4px;background:#747e78}.reflow-scroll-note{text-align:center;font-size:11px;margin:5px 8px 10px;color:#4f5956}.reflow-help{font-size:12px;line-height:1.9;margin:14px 0}
@media(max-width:720px){.reflow-comparison .example-before{border-left:0}.reflow-viewport{padding:12px}.reflow-help{font-size:13px}}
@media print{.reflow-comparison .figure-heading>p,.reflow-help{font-size:8pt}.reflow-viewport{padding:8pt}.reflow-card h4{font-size:10pt}.reflow-card p,.reflow-card summary,.reflow-static-summary{font-size:9pt}.reflow-scroll-note{font-size:7pt}}