@media screen {
.mt-chromatography{--mf-navy-600:#294f73;--mf-blue-50:#f2f5f8;--mf-blue-400:#7796b2}
.mt-chromatography .mf-chrom{font-size:12px;min-width:0}
.mt-chromatography .mf-chrom-panel{padding:13px 15px;margin:12px 0;border-radius:3px;min-width:0;border-color:#dce3e9}
.mt-chromatography .mf-chrom-panel h2{font-size:15px;margin:0 0 8px;line-height:1.4}
.mt-chromatography .mf-chrom-panel h3{font-size:13px;margin:12px 0 7px}
.mt-chromatography .mf-chrom-panel h4{font-size:12px;margin:9px 0 6px}
.mt-chromatography .mf-chrom p{line-height:1.5;margin:7px 0}
.mt-chromatography .mf-chrom-notice{padding:9px 12px;font-size:11px;line-height:1.5;border-radius:3px;border-left:2px solid #7796b2;background:#f2f5f8}
.mt-chromatography .mf-chrom-eyebrow,.mt-chromatography .mf-chrom-muted{font-size:11px}
.mt-chromatography .mf-chrom-toolbar{gap:9px;margin:10px 0}
.mt-chromatography .mf-chrom input:not([type=checkbox]),.mt-chromatography .mf-chrom select,.mt-chromatography .mf-chrom textarea{font-size:12px;padding:6px 8px;min-height:31px;box-sizing:border-box;border-radius:3px;max-width:100%}
.mt-chromatography .mf-chrom textarea{border:1px solid #cbd5e1;width:100%}
.mt-chromatography .mf-btn{font-size:12px;padding:6px 10px;border-radius:3px;min-height:31px;white-space:normal}
.mt-chromatography .mf-chrom-table{font-size:11px}
.mt-chromatography .mf-chrom-table th,.mt-chromatography .mf-chrom-table td{padding:6px 8px;line-height:1.5}
.mt-chromatography .mf-chrom-table th{position:sticky;top:0;background:#f1f4f7;z-index:1}
.mt-chromatography .mf-chrom-scroll{max-height:520px;scrollbar-gutter:stable}
.mt-chromatography .mf-chrom-scroll:focus-visible{outline:2px solid #355b7d;outline-offset:2px}
.mt-chromatography .mf-chrom-destination{gap:10px}
.mt-chromatography .mf-chrom-form label{font-size:11px;line-height:1.5;margin-bottom:4px}
.mt-chromatography .mf-chrom-hash{font-size:10px}
.mt-chromatography .mf-sst-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 12px;margin:10px 0}
.mt-chromatography .mf-sst-grid label{gap:4px}
.mt-chromatography .mf-sst-criterion{padding:10px;margin:10px 0;border-radius:3px}
.mt-chromatography .mf-sst-result-card{padding:10px;border-radius:3px}
.mt-chromatography .mf-chrom-canvas{height:280px}
.mt-chromatography .mf-chrom-canvas.mt-chrom-large{height:560px}
.mt-chromatography .mt-chrom-expand{display:block;margin:7px 0 7px auto}
.mt-chromatography .mf-chrom-signal-legend{padding:8px;gap:8px 14px;border-radius:3px}
.mt-chromatography .mf-chrom details{margin:10px 0}
.mt-chromatography .mf-chrom-dialog{padding:14px;border-radius:4px}
.mt-chromatography .mt-chrom-reception{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.4fr);gap:14px;align-items:start}
.mt-chromatography .mt-chrom-reception form input{width:100%}
.mt-chromatography .mf-chrom-embedded-heading{padding:12px 15px;font-size:12px;line-height:1.5;background:#f2f5f8;border-bottom:1px solid #dce3e9}
.mt-chromatography.mf-chrom-embedded{background:#f5f7fa;margin:0;padding:12px;color:#263c51}
@media(max-width:1000px){.mt-chromatography .mt-chrom-reception{grid-template-columns:minmax(0,1fr)}.mt-chromatography .mf-sst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mt-chromatography .mf-chrom-panel{padding:11px}.mt-chromatography .mf-sst-grid{grid-template-columns:minmax(0,1fr)}.mt-chromatography .mf-chrom-canvas{height:250px}.mt-chromatography .mf-chrom-canvas.mt-chrom-large{height:420px}.mt-chromatography .mf-chrom-destination{grid-template-columns:minmax(0,1fr)}.mt-chromatography .mf-chrom-destination select{width:100%}}
}
@media screen {
.mt-chromatography.mf-chrom-embedded{font-family:Inter,Segoe UI,Arial,sans-serif}
.mt-chromatography .mf-btn-secondary{background:#fff;color:#355675;border:1px solid #ccd7e1}
.mt-chromatography .mf-btn-primary{background:#294f73;color:white;border:1px solid #294f73}
.mt-chromatography a{color:#355675}
}