.atlas-experiment{padding-block:32px 72px}
.lab-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
.lab-panel{position:absolute;inset:0;padding:16px;overflow:hidden;animation:live-in .4s ease-out both}
.lab-fig{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;margin:0}
.lab-fig img{display:block;flex:0 1 auto;width:100%;min-height:0;max-height:calc(100% - 22px);object-fit:contain;border-radius:6px;background:#fff}
.lab-fig figcaption{flex:none;padding-top:5px;color:#6d6f60;font-size:11px;text-align:center}
.lab-grid-5{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:100%}
.lab-grid-5 figure{animation:lab-press .5s ease-out both}
.lab-grid-5 .lab-first{grid-row:1/3}
.lab-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,1fr);gap:16px;height:100%;align-items:center}
.lab-split>.lab-fig{height:100%}
.lab-metrics{display:grid;grid-template-columns:1fr;gap:9px}
.lab-metric{padding:10px 12px;border:1px solid #e6e2d7;border-radius:9px;background:#fbfaf5;animation:lab-press .45s ease-out both}
.lab-metric:nth-child(2){animation-delay:.25s}.lab-metric:nth-child(3){animation-delay:.5s}.lab-metric:nth-child(4){animation-delay:.75s}
.lab-metric span{display:block;color:#8a8678;font-size:11px}
.lab-metric strong{display:block;margin-top:2px;color:#2b2e26;font-size:22px;font-weight:500;line-height:1.2}
.lab-wb{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.lab-table-wrap{min-width:0;overflow:auto}
.lab-table{width:100%;border-collapse:collapse;color:#3d4035;font-size:11.5px}
.lab-table th{padding:6px 8px;border-bottom:1px solid #e6e2d7;color:#8a8678;font-weight:500;text-align:left;white-space:nowrap}
.lab-table td{padding:8px;border-bottom:1px solid #f0ecdf;white-space:nowrap}
.lab-table td b{margin-left:7px;color:#2f7a55;font-weight:500}
.lab-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:100%}
.lab-tcid{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;height:100%}
.lab-chart-box{display:flex;flex-direction:column;min-width:0;padding:10px 12px;border:1px solid #e6e2d7;border-radius:10px}
.lab-chart-box header{color:#55584c;font-size:12px}
.lab-chart{flex:1;width:100%;min-height:0;margin-top:4px;font-size:9.5px;fill:#918d7f}
.lab-grid line{stroke:#f0ecdf;stroke-width:1}
.lab-mid{stroke:#d29a52;stroke-width:1;stroke-dasharray:4 4}
.lab-line{fill:none;stroke:#2f8a78;stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lab-draw 1.5s .2s ease-in-out forwards}
.lab-chart text{fill:#918d7f;stroke:none;font-weight:400}.lab-dots circle{fill:#2f8a78;stroke:#fff;stroke-width:1.2;animation:lab-dot .3s ease-out both}
.lab-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.lab-cards article{padding:10px 12px;border:1px solid #e6e2d7;border-radius:10px;background:#fbfaf5;animation:lab-press .5s .9s ease-out both}
.lab-cards article+article{animation-delay:1.25s}
.lab-cards h4{margin:0;color:#3d4035;font-size:12px;font-weight:600}
.lab-cards strong{display:block;margin-top:1px;color:#2b2e26;font-size:24px;font-weight:500;line-height:1.15}
.lab-cards span{color:#8a8678;font-size:10.5px}
.lab-cards dl{display:grid;grid-template-columns:auto 1fr;gap:0 10px;margin:4px 0 0;color:#55584c;font-size:11px}
.lab-cards dd{margin:0;text-align:right}
.lab-trace-overlay{position:absolute;inset:0;z-index:3;padding:0 16px 16px;overflow:auto;background:#fbfaf5}
.lab-trace-overlay[hidden]{display:none}
.lab-trace-note{margin:0 0 10px;padding:8px 10px;border-left:3px solid #2f8a78;background:#f1f6f3;color:#3d4035;font-size:12px;line-height:1.6}
.lab-trace tr[data-mark=true] td{background:#fbf3e4}
.live-source[hidden]{display:none}
@keyframes lab-press{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes lab-draw{to{stroke-dashoffset:0}}
@keyframes lab-dot{from{opacity:0}to{opacity:1}}
@media (max-width:820px){
 .lab-panel{overflow:auto}
 .lab-split,.lab-pair,.lab-tcid{grid-template-columns:1fr;height:auto}
 .lab-split>.lab-fig{height:220px}.lab-pair .lab-fig{height:200px}
 .lab-tcid{grid-template-rows:none}.lab-chart-box{height:230px}
 .lab-grid-5{grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto}.lab-grid-5 .lab-first{grid-row:auto;grid-column:1/3}.lab-grid-5 figure{height:130px}.lab-grid-5 .lab-first{height:190px}
}
@media (prefers-reduced-motion:reduce){.lab-panel,.lab-grid-5 figure,.lab-metric,.lab-cards article{animation:none}.lab-line{animation:none;stroke-dashoffset:0}.lab-dots circle{animation:none}}
