#demo-ribbon{display:flex;align-items:center;justify-content:center;gap:32px;border-bottom:1px solid #28404e;background:#0b1a24;padding:12px 22px;color:#819eae;font-size:12px}
#demo-ribbon span{display:flex;align-items:center;gap:8px}#demo-ribbon b{font-size:10px;color:#557583}#demo-ribbon i{font-style:normal;color:#315466}#demo-ribbon [aria-current=step]{color:#bcffdf}#demo-ribbon [aria-current=step] b{color:#9be6c5}
#demo-mode-badge{border:1px solid #36614f;border-radius:20px;color:#9fdcbe;padding:6px 12px;font-size:11px;background:#16312b}
#demo-file-match{border-left:3px solid #c9b56c;padding:10px 14px;background:#342f1f;color:#e4d49e;font-size:12px}#demo-file-match.matched{border-color:#84dbb6;background:#13362d;color:#a6e8c6}
.recommended .sensor-card:not(.muted){animation:recommend-flash 1.8s ease-out}.demo-run-choice{display:grid;gap:8px;margin:15px 0}.demo-rule-note{padding:12px 14px;background:#16322f;border:1px solid #346052;border-radius:8px;color:#bdd8ca;font-size:12px;line-height:1.7}
.demo-panel{padding:26px 30px;background:linear-gradient(120deg,#173b3d,#0f2531);border:1px solid #35616a;border-radius:12px;margin-bottom:22px}.demo-panel h2{font-size:27px;margin:5px 0 12px;letter-spacing:-.7px}.demo-panel p{color:#a9c4cd;line-height:1.6}.demo-panel .eyebrow{color:#9bdfc4}
#demo-prepared,#demo-finish{display:flex;align-items:center;justify-content:space-between;gap:24px}#demo-prepared span{color:#86b9ac;font-size:13px}
.demo-result-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.demo-result-counts>div{padding:19px 24px;border:1px solid #395461;background:#0d202c;border-radius:9px}.demo-result-counts span{display:block;color:#b2c8d2;font-size:14px}.demo-result-counts strong{font-size:48px;font-weight:500;line-height:1.4}.demo-result-counts small{font-size:15px;color:#8ba9b6;margin-left:10px}.demo-result-counts .shared{border-color:#78bf9d;background:#173e34}.demo-result-counts .shared strong{color:#b7ffca}
.demo-case-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-case-row button{display:flex;flex-direction:column;align-items:flex-start;padding:19px 22px;text-align:left;gap:6px;background:#112d38;border:1px solid #426473}.demo-case-row span{color:#a6dfc4;font-size:12px}.demo-case-row strong{font-size:17px}.demo-case-row small{color:#8eacba;font-size:12px}
#demo-summary-title{padding:18px 5px}#demo-summary-title h2{font-size:26px;margin:8px 0}#demo-summary-title p{color:#9ebdc8}#demo-summary-title button{margin:8px 8px 0 0;min-width:145px}
.demo-summary .review-grid{display:block!important;max-width:1500px;margin:auto}.demo-summary .list-panel,.demo-summary .detail-panel,.demo-summary .board-heading,.demo-summary .model-wrap,.demo-summary .display-toolbar,.demo-summary .investigation-tools,.demo-summary .related-heading,.demo-summary .related-area,.demo-summary #asset-board,.demo-summary #generic-stage{display:none!important}.demo-summary .graph-area{height:clamp(260px,37vh,430px)}.demo-summary .transport,.demo-summary #method-timeline{display:none}
#demo-instant{padding:14px;border:1px solid #568f87;border-radius:8px;background:#183c3b;margin:16px 0}#demo-instant strong{display:block;color:#d7f7dc;font-size:16px}#demo-instant span{display:block;margin-top:8px;color:#afced1;line-height:1.65;font-size:13px}
#demo-finish{margin:22px}body.presentation .explanation p:not(.eyebrow){font-size:14px}body.presentation .metrics strong{font-size:24px}body.presentation #selection-summary{line-height:1.7}
@keyframes recommend-flash{0%{box-shadow:0 0 0 2px #b5ffd8;background:#225246}100%{box-shadow:none}}
@media(min-width:1151px){body.presentation .review-grid{grid-template-columns:minmax(520px,1fr) 350px}body.presentation .model-wrap{height:clamp(225px,28vh,340px);min-height:220px}body.presentation .graph-area{height:clamp(175px,21vh,260px)}body.presentation .investigation-tools{display:none}body.presentation .related-heading,body.presentation .related-area{display:none}body.presentation .overview-chart{height:45px}body.presentation .detail-panel{max-height:calc(100vh - 222px)}body.presentation .chart-panel{min-height:0}body.presentation .center{padding-bottom:20px}}
@media(max-width:900px){#demo-ribbon{gap:10px;font-size:10px;padding:10px}#demo-ribbon b{display:none}.demo-result-counts{gap:8px}.demo-result-counts>div{padding:14px}.demo-result-counts strong{font-size:32px}.demo-case-row{grid-template-columns:1fr}#demo-prepared,#demo-finish{display:block}.demo-panel{padding:20px}.demo-panel h2{font-size:21px}}
#demo-current-reason{border-top:1px solid #365763;margin-top:12px;padding-top:8px}#demo-current-reason>div{margin:10px 0}#demo-current-reason b,#demo-current-reason span{display:block}#demo-current-reason b{color:#c6e4de;font-size:12px;margin-bottom:5px}#demo-current-reason span{line-height:1.65;color:#d1e0e8;font-size:13px}
.demo-download{display:block;color:#c1f7e3;padding:12px;border:1px solid #659f91;border-radius:7px;text-decoration:none;margin-bottom:10px}#demo-finish small{display:block;color:#90b7ad;overflow-wrap:anywhere}
body.presentation .detail-panel{grid-column:auto;display:block;columns:auto}body.presentation #selection-summary,body.presentation .explanation>p,body.presentation .explanation>h3{display:none}body.presentation .explanation{margin-top:8px;padding-top:6px}body.presentation .detail-panel>.eyebrow{margin-top:0}body.presentation .detail-panel>h2{font-size:18px;margin:6px 0 12px}body.presentation .metrics strong{font-size:20px}
body.presentation .detail-panel>label{display:inline-block;vertical-align:top;width:calc(50% - 5px);margin-right:5px}body.presentation .detail-panel>label select{width:100%;font-size:12px;padding:7px}
@media(min-width:1151px){
 body.in-investigation.presentation .model-wrap{height:clamp(200px,26vh,300px);min-height:200px}
 body.in-investigation.presentation .graph-area{height:clamp(145px,20vh,230px)}
 body.presentation .overview-chart,body.presentation .range-tools,body.presentation #method-timeline,body.presentation .display-toolbar{display:none}
 body.presentation .chart-panel{margin-top:10px;padding:9px 12px}body.presentation .transport{margin-top:6px}body.presentation #graph-note{margin:3px 0;font-size:9px}
 body.presentation .board-heading{padding:3px 3px 6px}body.presentation .board-heading h2{font-size:13px}
 body.presentation .detail-panel{max-height:calc(100vh - 210px)}
 .demo-summary .graph-area{height:clamp(200px,31vh,370px)}.demo-summary .overview-chart,.demo-summary .range-tools{display:none}
 #demo-summary-title{padding:5px}#demo-summary-title h2{font-size:23px;margin:5px 0}#demo-summary-title p{margin:7px 0}#demo-summary-title button{margin:6px 8px 0 0}
}
@media(max-height:820px) and (min-width:1151px){
 #demo-ribbon{padding:9px 22px}#demo-results{padding:18px 24px}#demo-results h2{font-size:24px;margin:5px 0}#demo-results p{margin:5px 0}.demo-result-counts{margin:14px 0}.demo-result-counts>div{padding:12px 20px}.demo-result-counts strong{font-size:42px}.demo-case-row button{padding:12px 18px}
 body.presentation #demo-instant{padding:10px;margin:10px 0}body.presentation #demo-instant span{margin-top:4px}body.presentation .detail-panel{padding:12px}body.presentation .detail-panel label{margin-bottom:6px}body.presentation .metrics>div:nth-child(n+3){display:none}
}