.chart-comparison{margin:18px 0;border:1px solid #dbe3ef;border-radius:12px;background:#fff;color:#24334d;min-width:0}
.chart-comparison>summary{padding:14px 16px;cursor:pointer;font-weight:650;font-size:14px}
.chart-comparison>summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:10px}
.chart-comparison-body{padding:0 16px 16px;min-width:0}
.chart-comparison-help,.chart-comparison-status{font-size:12px;line-height:1.6;color:#64748b;overflow-wrap:anywhere}
.chart-comparison-status{color:#334155}
.chart-comparison-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:12px}
.chart-comparison-presets button{padding:8px 14px;min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font:inherit;font-weight:600;cursor:pointer}
.chart-comparison-presets button[aria-pressed="true"]{background:#2563eb;color:#fff;border-color:#2563eb}
.chart-comparison-presets button:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#e2e8f0}
.chart-comparison-presets button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.chart-comparison-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.chart-comparison-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;min-width:0}
.chart-comparison-form>label{flex:1 1 190px}
.chart-comparison-form fieldset{display:flex;flex-wrap:wrap;gap:10px;margin:0;min-width:0;border:1px solid #dbe3ef;border-radius:8px;padding:10px;flex:1 1 260px}
.chart-comparison-form legend{font-size:12px;padding:0 5px}
.chart-comparison-form fieldset label{flex:1 1 115px}
.chart-comparison-form input,.chart-comparison-form select{width:100%;min-width:0;box-sizing:border-box;height:38px;padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1e293b;font:inherit}
.chart-comparison-form button{min-height:38px;padding:8px 18px;border:0;border-radius:8px;background:#2563eb;color:white;font-weight:600;cursor:pointer}
.chart-comparison-legend{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;margin:12px 0}
.chart-comparison-a:before,.chart-comparison-b:before{content:'';display:inline-block;width:22px;vertical-align:middle;margin-right:7px;border-top:3px solid #2563eb}
.chart-comparison-b:before{border-top:3px dashed #b45309}
.chart-comparison-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.chart-comparison .chart-comparison-scroll svg{display:block;width:100%;min-width:540px;max-width:none;height:auto;background:#fff}
.chart-comparison svg text{font:12px system-ui,sans-serif;fill:#64748b}
.chart-comparison-grid{stroke:#e8eef6;stroke-width:1}
.chart-comparison-output h5{font-size:14px;margin:16px 0 8px}
@media(max-width:560px){.chart-comparison-body{padding:0 10px 12px}.chart-comparison-form>label,.chart-comparison-form fieldset{flex-basis:100%}.chart-comparison-form button{width:100%}}