.sgd-multi-echo { margin: 24px 0; }
.sgd-multi-echo > label { display: block; margin: 20px 0; font-weight: 700; }
.sgd-multi-echo output { display: block; margin: 5px 0; font-weight: 400; }
.sgd-multi-echo input { display: block; width: 100%; }
.sgd-multi-plot { overflow-x: auto; max-width: 100%; }
.sgd-multi-plot svg { display: block; width: 100%; height: auto; min-width: 0; max-width: 100%; }
.sgd-multi-plot:focus-visible { outline: 3px solid #235f9e; outline-offset: 2px; }
.sgd-multi-table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
.sgd-multi-table caption { text-align: left; font-weight: 700; margin-bottom: 8px; }
.sgd-multi-table th, .sgd-multi-table td { text-align: left; padding: 10px; border-bottom: 1px solid #d8dde6; }
.sgd-multi-table tr[aria-current="true"] { background: #eef5fa; }
@media (max-width: 540px) {
  .sgd-multi-table th, .sgd-multi-table td { padding: 8px 4px; }
}
