/* adult track: styles for this track's models and pictures */
.vis.adv { color: var(--ink); max-width: 100%; height: auto; }
.step-vis .vis.adv-plot, .fb-vis .vis.adv-plot { width: min(100%, 300px); max-height: none; }
.step-vis .vis.adv-bag { width: min(100%, 300px); }
.step-vis .vis.adv-dots { width: min(100%, 520px); max-height: none; }
.step-vis .vis.adv-scatter { width: min(100%, 360px); }
.step-vis .vis.adv-tree, .fb-vis .vis.adv-tree { width: min(100%, 460px); }
.step-vis .vis.adv-table { width: min(100%, 440px); max-height: none; }
.step-vis .vis.adv-bits { width: min(100%, 420px); }
.step-vis .vis.adv-arr { width: min(100%, 300px); }
.step-vis .vis.adv-axisbars { width: min(100%, 300px); }
.vis.adv-icons { width: min(100%, 420px); }
.fb-vis .vis.adv-icons { width: min(100%, 280px); }

.step-vis .vis.adv-cells { width: min(100%, 420px); max-height: none; }
.vis.adv-sim { width: min(100%, 420px); }
.vis.adv-bs { width: min(100%, 420px); }

.model.adv-model { width: 100%; }
.adv-sliders { width: min(100%, 480px); }
.adv-sliders .slider { grid-template-columns: 118px 1fr 64px; }
@media (max-width: 420px) { .adv-sliders .slider { grid-template-columns: 92px 1fr 52px; font-size: 15px; } }
.model .readout { font-size: 17px; font-weight: 600; line-height: 1.5; }
.model .readout b { font-weight: 800; }
.adv-key { display: inline-block; width: 11px; height: 11px; border-radius: 3px; margin-right: 6px; vertical-align: baseline; }
.adv-key.g { background: #5E9E61; } .adv-key.s { background: #F2B33D; } .adv-key.r { background: #E07A5F; } .adv-key.b { background: #4F8CC9; }

.adv-bits { gap: 6px; flex-wrap: nowrap; width: 100%; max-width: 520px; }
.toggle.bit { flex: 1 1 0; min-width: 0; padding: 4px 0; min-height: 60px; display: grid; place-items: center; gap: 0; }
.toggle.bit small { font-size: 11px; color: var(--ink-3); font-weight: 600; }
.toggle.bit b { font: 800 22px var(--round); }
.toggle.bit.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.toggle.bit.on small { color: var(--accent-ink); opacity: .8; }

.adv-truth { display: grid; gap: 6px; width: min(100%, 380px); }
.adv-tr { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-radius: 12px; background: var(--surface); font-weight: 650; }
.adv-tr b { font-weight: 800; }
.adv-tr b.yes { color: var(--good); } .adv-tr b.no { color: var(--ink-3); }
.t-adult .prompt { white-space: normal; }
.adv-model .vis.plane { width: min(100%, 300px); }
@media (max-width: 600px) { .adv-model .vis.plane { width: min(100%, 250px); } .adv-model { gap: 8px; } }
.step-vis .vis.adv-lines { width: min(100%, 420px); max-height: none; }
.t-adult .bins.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.t-adult .bin { min-height: 100px; padding: 8px 6px; }
.t-adult .binhead { font-size: 16px; }
.t-adult .sorter .chip { min-width: 0; font-size: 15px; padding: 8px 10px; }
.t-adult .grapher .slider { grid-template-columns: 104px 1fr 52px; }
.step-vis .vis.adv-code { width: min(100%, 380px); max-height: none; }