.index-explorer{margin:30px 0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.index-intro{padding:0 22px}.index-intro p{font-size:var(--small)}.index-plots{display:grid;grid-template-columns:1fr 1fr}.index-plots figure{margin:0;min-width:0}.index-plots figure+figure{border-left:1px solid var(--line)}.index-plots canvas{display:block;width:100%;height:255px}.index-plots figcaption{text-align:center;font:var(--small) var(--sans);padding:0 10px 18px;color:var(--muted)}.index-controls{padding:20px 22px;background:var(--wash);border-block:1px solid var(--line)}.index-controls label{display:flex;justify-content:space-between;font:var(--small) var(--sans)}.index-controls input{display:block;width:100%;margin:18px 0;accent-color:var(--teal)}.index-presets{display:flex;flex-wrap:wrap;gap:8px}.index-presets button{font:var(--small) var(--sans);background:var(--paper);color:var(--teal);border:1px solid var(--line);border-radius:3px;padding:11px 15px;cursor:pointer;min-height:44px}.index-status,.index-note{padding:0 22px}.index-status{font:var(--small)/1.6 var(--sans);min-height:45px}.index-note{font-size:var(--small)!important;color:var(--muted)}
@media(max-width:720px){.index-plots{grid-template-columns:1fr}.index-plots figure+figure{border-left:0;border-top:1px solid var(--line)}.index-plots canvas{height:220px}.index-intro,.index-controls{padding-inline:14px}.index-status,.index-note{padding-inline:14px}.index-explorer .experiment-head{flex-wrap:wrap;gap:8px}}