/* Scoped visual system for the interactive workspace. */
.supplement{--lab-border:#e4d7bc;--lab-muted:#80674f;--lab-surface:#fffdf7;color:#35231a}
.supplement [hidden]{display:none!important}.supplement button,.supplement select,.supplement input{font-family:Arial,Helvetica,sans-serif}
.supplement button{min-height:40px;padding:10px 14px;border:1px solid #d8c6a1;border-radius:6px;background:#fffdf7;color:var(--wine-950);font-size:.77rem;font-weight:700}
.supplement button:hover{border-color:#ad803b;background:#fff4d5}.supplement button:disabled{opacity:.42;cursor:not-allowed}.supplement :is(input,select,summary):focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}
.supp-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 24px}.lab-kicker{display:block;font-size:.61rem;letter-spacing:.13em;line-height:1.5;font-weight:700;color:#8a6140}
.supp-intro h2{margin:7px 0 10px;font:400 clamp(1.5rem,2.4vw,2rem)/1.2 Georgia,serif;color:var(--wine-950)}.supp-intro p{margin:0;color:var(--lab-muted);font-size:.86rem;line-height:1.5}
.lab-context{border-left:1px solid #d8bc7c;padding:8px 0 8px 24px;display:grid;gap:7px;flex-shrink:0}.lab-context strong{font-size:.83rem;color:var(--wine-950)}.lab-context span{font-size:.73rem;color:var(--lab-muted)}
.lab-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d3b578;margin-bottom:22px}.lab-navigation [role=group]{display:flex;gap:22px}.lab-navigation button{position:relative;border:0;border-radius:0;background:none;padding:16px 2px;color:#836c54;font-size:.83rem}.lab-navigation button:hover{background:none;color:var(--wine-900)}.lab-navigation button[aria-pressed=true]{color:var(--wine-900)}.lab-navigation button[aria-pressed=true]::after{content:'';position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--wine-900)}.lab-navigation>span{font-size:.68rem;color:var(--lab-muted);text-align:right}
.supplement .lab-tracking{padding:0;border:0;background:none;box-shadow:none;margin:0}.tracking-workspace{display:grid;grid-template-columns:238px minmax(0,1fr);border:1px solid #d7bd87;border-radius:10px;overflow:hidden;background:var(--lab-surface)}
.tracking-settings{padding:24px 18px;background:#fcf5e5;border-right:1px solid var(--lab-border)}.tracking-settings h3{margin:0 0 8px;color:var(--wine-950);font-size:.88rem}.settings-hint{margin:0 0 23px;color:var(--lab-muted);font-size:.73rem;line-height:1.55}.tracking-settings #trajectoryControls{display:grid;gap:22px}.lab-native{display:none!important}
.lab-field-label{display:block;margin-bottom:10px;font-size:.61rem;letter-spacing:.1em;font-weight:700;color:#856c4e}.lab-assays [role=group]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-assays button{display:grid;justify-items:start;gap:4px;padding:12px;background:#fffaf0;border-color:#e3d4b4}.lab-assays strong{font-size:.85rem}.lab-assays button>span{font-size:.65rem;font-weight:400;color:#8a7056}.lab-assays svg{width:62px;height:34px;margin-top:5px;stroke:#98744c;fill:none;stroke-width:1.3}.lab-assays button[aria-pressed=true]{background:#fff4d5;border-color:#8b321c;box-shadow:inset 0 0 0 1px #8b321c}.lab-assays button[aria-pressed=true] svg{stroke:var(--wine-800)}
.lab-groups [role=group]{display:grid;gap:6px}.lab-groups button{display:grid;grid-template-columns:4px 1fr 10px;gap:10px;align-items:center;padding:11px 10px;text-align:left;border-color:#e9ddc4;background:#fffcf6;position:relative}.lab-groups button>i{height:28px;width:3px;background:var(--group-color);border-radius:2px}.lab-groups button>span:not(.lab-radio){display:grid;gap:4px}.lab-groups strong{font-size:.76rem}.lab-groups button>span>span{font-size:.63rem;color:#8b765e;font-weight:400}.lab-radio{width:9px;height:9px;border:1px solid #cbb990;border-radius:50%}.lab-groups button[aria-pressed=true]{border-color:#8c3822;background:#fff6df}.lab-groups button[aria-pressed=true] .lab-radio{border-color:var(--wine-900);background:var(--wine-900);box-shadow:inset 0 0 0 2px #fff6df}
.lab-advanced{border-top:1px solid var(--lab-border);padding-top:15px}.lab-advanced summary{font-size:.73rem;font-weight:700;color:var(--wine-950);cursor:pointer}.lab-advanced summary span{display:block;font-weight:400;font-size:.65rem;color:var(--lab-muted);margin:5px 0 0 14px}.lab-advanced-body{padding-top:15px;display:grid;gap:12px}.supp-toolbar label,.lab-advanced-body label{display:grid;gap:7px;font-size:.72rem;font-weight:700;color:#70472b}
.supplement select,.supplement input[type=number]{width:100%;min-width:0;padding:10px 12px;min-height:40px;font-size:.8rem;background:#fffdf7;color:#49301e;border:1px solid #d9c8a7;border-radius:5px}.lab-run-actions{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:6px}.lab-run-actions button{font-size:.65rem;padding:10px 7px}.lab-run-actions button[type=submit]{color:#fff8e8;background:var(--wine-900);border-color:var(--wine-900)}.lab-run-actions button[type=submit]:hover{background:var(--wine-800)}
.lab-display-options{margin-top:23px;padding-top:19px;border-top:1px solid var(--lab-border)}.supp-display{display:grid;gap:10px}.supp-display label{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#6a513b;cursor:pointer}.supp-display input{width:15px;height:15px;accent-color:var(--wine-900);margin:0}.lab-local-note{font-size:.66rem;line-height:1.6;color:#927a62;margin:18px 0 0}
.tracking-view{min-width:0;background:#fff;display:flex;flex-direction:column}.tracking-topline{padding:24px 26px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.tracking-topline>div:first-child{display:grid;gap:6px}.tracking-topline strong{font:400 1.5rem Georgia,serif;color:#422319}#labAssayView{font-size:.7rem;color:#92816e}.lab-run-context{display:flex;align-items:center;gap:14px;color:#876d52;font-size:.7rem}#labSelectedGroup{padding-left:10px;border-left:3px solid var(--group-color);color:#3c2e24;font-weight:700}
.tracking-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 26px;padding:20px 0;border-block:1px solid #ede6da;gap:12px}.tracking-readouts>div{display:grid;align-content:start;gap:8px;min-width:0}.tracking-readouts>div+div{border-left:1px solid #ede6da;padding-left:16px}.tracking-readouts span{font-size:.58rem;font-weight:700;letter-spacing:.06em;color:#92795b;text-transform:uppercase}.tracking-readouts strong{font-size:1.5rem;font-weight:500;color:var(--wine-950);font-variant-numeric:tabular-nums;white-space:nowrap}.tracking-readouts small{font-size:.61rem;color:#92795b;font-weight:400;margin-left:3px}.lab-timeline{height:3px;width:80%;margin-top:1px}
.supp-plot{background:#fff;padding:16px 12px;flex:1;display:grid;align-items:center}.supp-plot canvas{display:block;width:100%;aspect-ratio:720/400}.tracking-status{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ede6da;padding:15px 26px;font-size:.63rem;color:#927b62}#traceStatus{font-variant-numeric:tabular-nums;color:#6e4c34}
.lab-inspector{grid-column:1/-1;background:#fffaf0;border-top:1px solid var(--lab-border);padding:20px 24px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px 26px}.lab-inspector-heading h3{font:400 1.25rem Georgia,serif;color:var(--wine-950);margin:7px 0 10px}.lab-inspector-heading p{font-size:.72rem;color:var(--lab-muted);line-height:1.6;margin:0}.lab-inspector .lab-local-note{grid-column:1/-1;margin:0}
.supp-table-wrap{min-width:0;max-width:100%;overflow-x:auto}.supp-table{width:100%;border-collapse:collapse;font-size:.73rem;font-variant-numeric:tabular-nums}.supp-table caption{text-align:left;font-size:.73rem;color:#775b3d;font-weight:700;padding:8px 0 12px}.lab-inspector caption{display:none}.supp-table th,.supp-table td{padding:10px 9px;text-align:left;border-bottom:1px solid #ede2cb}.supp-table thead th{font-size:.59rem;color:#927953;text-transform:uppercase;letter-spacing:.05em}.supp-table tbody th{font-size:.7rem;color:#6c5541;font-weight:400}.supp-table td:nth-child(2){font-weight:700;color:var(--wine-900)}.supp-table td:last-child{color:#8b7963}
.lab-workspace-footer{display:flex;align-items:start;justify-content:space-between;gap:22px;padding:16px 2px}.lab-caption{flex:1;color:#846a50;min-width:0}.lab-caption summary{font-size:.72rem;font-weight:600;cursor:pointer;padding:10px 0}.supp-caption{font:.83rem/1.7 Georgia,serif;color:#6b5541;margin:10px 0}.supp-utilities{display:flex;flex-wrap:wrap;gap:7px;margin:0}.supp-utilities button{min-height:34px;padding:8px 11px;font-size:.66rem;background:transparent}.supp-note{font-size:.7rem;line-height:1.6;color:#907455}
.supplement .lab-comparison{padding:24px;background:#fffaf0;border:1px solid #d7bd87;border-radius:10px;box-shadow:none}.lab-comparison .section-heading{background:none;padding:0;margin:0 0 20px;border:0;display:flex;justify-content:space-between}.lab-comparison .section-heading .lab-kicker{background:none;padding:0;color:#8a6140;width:auto;height:auto;border:0;font-size:.61rem}.lab-comparison .section-heading h2{color:var(--wine-950);font:400 1.6rem Georgia,serif;margin:6px 0 0}.supp-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.supp-legend{display:flex;flex-wrap:wrap;gap:14px;margin-left:auto;align-self:center;font-size:.72rem}.supp-legend span{display:flex;align-items:center;gap:6px}.supp-legend i{width:8px;height:8px}#chartStatus{font-size:.7rem;color:#927953}#chartStatus:empty{display:none}
.lab-comparison-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;background:#fff;border:1px solid var(--lab-border);border-radius:8px;overflow:hidden}.lab-comparison-plot{min-width:0;padding:20px}.supp-chart-main{position:relative;height:370px}.lab-comparison-readout{background:#fffaf0;border-left:1px solid var(--lab-border);padding:24px 18px}.lab-comparison-readout .supp-utilities{margin-top:24px;display:grid}.lab-atlas{border-top:1px solid var(--lab-border);margin-top:18px}.lab-atlas>summary{padding:18px 0;color:var(--wine-950);font-size:.85rem;font-weight:700;cursor:pointer}.lab-atlas>summary span{font-size:.7rem;color:#927953;font-weight:400;margin-left:10px}
.supp-multiples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.supp-small{background:#fff;border:1px solid var(--lab-border);padding:16px;border-radius:7px;min-width:0}.supp-small h4{font:600 .85rem Georgia,serif;color:#422319;min-height:32px;margin:0 0 12px}.supp-small-chart{height:245px;position:relative}.supp-small p{color:#8b7963;font-size:.65rem;line-height:1.7}.supp-small button{margin:5px 4px 0 0;font-size:.65rem;min-height:34px;padding:7px}
.supp-methods{background:#fffaf0;border:1px solid #d7bd87;border-radius:10px}.supp-methods>summary{padding:24px;color:var(--wine-950);font:400 1.35rem Georgia,serif;cursor:pointer}.supp-methods-body{max-width:1000px;padding:0 28px 28px;line-height:1.8;font-size:.84rem}.supp-methods h3{font:600 1.1rem Georgia,serif;margin-top:26px;color:var(--wine-950)}.supp-mechanism{width:100%;background:#fff;border:1px solid var(--lab-border)}.supp-citation{font:.73rem/1.7 Georgia,serif;margin-top:20px;color:#90795f}
@media(min-width:1800px){.tracking-workspace{grid-template-columns:250px minmax(0,1fr) 270px}.lab-inspector{display:block;grid-column:auto;border-top:0;border-left:1px solid var(--lab-border);padding:24px 17px}.lab-inspector .supp-table-wrap{margin:18px 0}.lab-inspector .supp-table :is(th,td){padding:12px 4px}}
@media(max-width:1200px){.lab-context,.lab-navigation>span{display:none}.tracking-workspace{grid-template-columns:210px minmax(0,1fr)}.tracking-settings{padding:20px 13px}.tracking-readouts{margin-inline:18px;gap:8px}.tracking-readouts strong{font-size:1.2rem}.tracking-readouts>div+div{padding-left:8px}.tracking-readouts small{font-size:.52rem}.tracking-topline{padding:20px 18px}.lab-run-context{flex-direction:column;align-items:end;gap:6px}.supp-multiples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.tracking-workspace{grid-template-columns:1fr}.tracking-settings{border-right:0;border-bottom:1px solid var(--lab-border)}.tracking-settings #trajectoryControls{grid-template-columns:1fr 1fr;gap:16px}.lab-groups{grid-row:span 2}.lab-run-actions{grid-column:1/-1}.lab-display-options{padding-top:12px;margin-top:16px}.supp-display{display:flex;flex-wrap:wrap;gap:16px}.tracking-settings .lab-local-note{margin-top:10px}.lab-inspector{grid-template-columns:1fr}.lab-workspace-footer{flex-direction:column;gap:8px}.lab-comparison-body{grid-template-columns:1fr}.lab-comparison-readout{border-left:0;border-top:1px solid var(--lab-border)}.lab-comparison-readout .supp-utilities{display:flex}}
@media(max-width:500px){.supp-intro{padding-top:0}.supp-intro h2{font-size:1.4rem}.lab-navigation [role=group]{gap:12px;width:100%}.lab-navigation button{font-size:.68rem;padding:14px 0}.lab-groups button{gap:7px;padding:10px 7px}.lab-groups button>span>span{font-size:.58rem}.lab-groups strong{font-size:.69rem}.lab-assays button{padding:9px}.lab-assays svg{width:44px}.tracking-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.tracking-readouts>div:nth-child(3){border:0;padding-left:0}.tracking-readouts strong{font-size:1.45rem}.tracking-status{padding:12px 16px;flex-wrap:wrap}.tracking-status>span:last-child{display:none}.tracking-topline strong{font-size:1.2rem}.lab-inspector{padding:18px 12px}.lab-inspector .supp-table :is(th,td){padding:9px 5px}.supp-plot{padding:12px 0}.supplement .lab-comparison{padding:16px}.supp-toolbar>label{width:100%}.supp-legend{margin:8px 0}.supp-multiples{grid-template-columns:1fr}.lab-comparison-plot{padding:8px}.supp-chart-main{height:330px}}
/* Comfortable reading sizes for the live experiment. */
.tracking-workspace { grid-template-columns:286px minmax(0,1fr); border-radius:12px; }
.tracking-settings { padding:26px 22px; background:#fff7e7; }
.tracking-settings h3 { font-size:1.08rem; line-height:1.35; }
.settings-hint { font-size:.9rem; line-height:1.6; color:#71553c; margin-bottom:24px; }
.lab-tracking .lab-field-label,.lab-tracking .lab-kicker { font-size:.76rem; letter-spacing:.055em; color:#775338; }
.lab-assays button { border-radius:8px; padding:14px; gap:6px; }
.lab-assays strong { font-size:1rem; }
.lab-assays button>span { font-size:.86rem; color:#71553c; }
.lab-assays svg { width:70px; height:38px; }
.lab-groups [role=group] { gap:9px; }
.lab-groups button { padding:14px 12px; gap:12px; border-radius:8px; min-height:76px; }
.lab-groups strong { font-size:.96rem; }
.lab-groups button>span>span { font-size:.87rem; line-height:1.4; color:#725c45; }
.lab-groups button[aria-pressed=true] { background:#fff0cb; border-color:#8c3822; }
.lab-radio { width:12px; height:12px; }
.lab-advanced summary { font-size:.9rem; }
.lab-advanced summary span { font-size:.83rem; line-height:1.45; color:#775e46; margin-top:6px; }
.lab-advanced-body label { font-size:.9rem; }
.lab-advanced-body input { font-size:1rem; }
.lab-run-actions { grid-template-columns:minmax(0,1fr) 78px; gap:8px; }
.lab-run-actions button { font-size:.86rem; min-height:48px; line-height:1.35; border-radius:7px; }
.supp-display label { font-size:.9rem; min-height:30px; line-height:1.45; color:#61452e; }
.supp-display input { width:18px; height:18px; flex-shrink:0; }
.lab-tracking .lab-local-note { font-size:.81rem; line-height:1.65; color:#775e46; }
.lab-advanced .supp-note { font-size:.83rem; color:#775e46; }
.tracking-topline { padding:26px 28px 22px; }
.tracking-topline strong { font-size:1.75rem; }
#labAssayView,.lab-run-context { font-size:.87rem; color:#735b45; }
.tracking-readouts { margin-inline:28px; padding:22px 0; }
.tracking-readouts span { font-size:.76rem; letter-spacing:.025em; color:#765a3f; line-height:1.4; }
.tracking-readouts strong { font-size:1.8rem; }
.tracking-readouts small { font-size:.78rem; color:#775e46; }
.tracking-status,#traceStatus { font-size:.81rem; line-height:1.5; }
.tracking-status { background:#fffdf7; color:#775e46; padding:16px 24px; }
.lab-inspector { background:#fff9ed; padding:24px; grid-template-columns:220px minmax(0,1fr); }
.lab-inspector-heading h3 { font-size:1.55rem; margin-top:8px; }
.lab-inspector-heading p { font-size:.9rem; color:#72583f; line-height:1.6; }
.lab-inspector .supp-table { table-layout:fixed; }
.lab-inspector .supp-table thead th { font-size:.76rem; letter-spacing:0; text-transform:none; color:#765a3f; line-height:1.5; vertical-align:bottom; }
.lab-inspector .supp-table th:first-child { width:48%; }
.lab-inspector .supp-table tbody th { font-size:.88rem; color:#59432f; line-height:1.5; }
.lab-inspector .supp-table td { font-size:.92rem; line-height:1.5; }
.lab-inspector .supp-table td:last-child { color:#725c45; }
.lab-inspector .supp-table :is(th,td) { padding:13px 8px; }
.lab-inspector .supp-table tbody tr:nth-child(even) { background:#f8efdE; }
.lab-tracking .lab-caption summary { font-size:.88rem; }
.lab-tracking .supp-utilities button { font-size:.82rem; min-height:40px; }
.lab-navigation button { font-size:.94rem; }
@media(min-width:1800px) {
  .tracking-workspace { grid-template-columns:286px minmax(0,1fr) 350px; }
  .lab-inspector { display:block; grid-column:auto; border-top:0; border-left:1px solid var(--lab-border); padding:26px 20px; }
  .lab-inspector .supp-table :is(th,td) { padding:13px 6px; }
}
@media(min-width:801px) and (max-width:1200px) {
  .tracking-workspace { grid-template-columns:260px minmax(0,1fr); }
  .tracking-settings { padding:22px 17px; }
  .tracking-readouts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .tracking-readouts>div:nth-child(3) { border-left:0; padding-left:0; }
}
@media(max-width:800px) {
  .tracking-workspace { grid-template-columns:1fr; }
  .tracking-settings { padding:22px 18px; }
  .lab-inspector { grid-template-columns:1fr; }
  .tracking-settings #trajectoryControls { grid-template-columns:1fr; }
  .lab-assays [role=group] { grid-template-columns:1fr 1fr; }
  .lab-assays button { grid-template-columns:1fr auto; align-items:center; }
  .lab-assays svg { grid-column:2; grid-row:1 / 3; }
  .lab-groups { grid-row:auto; }
  .lab-groups [role=group] { grid-template-columns:1fr 1fr; }
  .lab-groups button { padding:12px 9px; gap:7px; grid-template-columns:3px 1fr 10px; }
  .lab-groups button>span>span { font-size:.81rem; }
  .lab-radio { width:10px; height:10px; }
  .tracking-topline { padding:22px 18px; }
  .tracking-readouts { margin-inline:18px; }
  .lab-inspector { padding:22px 14px; }
  .lab-navigation [role=group] { gap:14px; }
  .lab-navigation button { font-size:.81rem; line-height:1.4; }
  .tracking-status { padding:14px 18px; }
}
@media print{.lab-navigation,.tracking-settings,.supp-utilities,.supp-small button{display:none}.tracking-workspace{display:block}.supp-plot,.supp-small{break-inside:avoid}}
.supp-source-note { margin:16px 0; padding:14px 18px; border-left:3px solid #bca67b; background:#fffaf0; color:#554633; font-size:15px; line-height:1.55; }
.supp-source-note.has-conflict { border-color:#8a2917; color:#652b1c; }
.supp-small .source-conflict { font-size:13px; line-height:1.5; padding:10px 12px; background:#fff6e5; border-left:2px solid #8a2917; color:#652b1c; }
.author-source-note { max-width:90ch; font-size:13px; line-height:1.5; margin-top:6px; color:#765b42; }