/* R97: a clear timed preview around the unchanged Diesel learning application. */
body#diesel-learning.diesel-app[data-demo-state]:not([data-demo-state="running"]){display:block;height:auto;min-height:100dvh;overflow:auto}
body#diesel-learning.diesel-app[data-demo-state]:not([data-demo-state="running"]) :is(#workspace,.mode-nav,.header-actions,.app-footer,.skip-link){display:none!important}
body#diesel-learning.diesel-app .r97-demo-gate{width:calc(100% - 40px);max-width:720px;margin:clamp(30px,8vh,88px) auto 28px;padding:clamp(24px,5vw,48px);border:1px solid #bcc9c8;border-radius:16px;background:#fffdf8;box-shadow:0 16px 48px #26343d0b}
body#diesel-learning.diesel-app .r97-demo-kicker{margin:0 0 14px;color:#865c24;font-size:12px;font-weight:750;letter-spacing:.1em;line-height:1.5}
body#diesel-learning.diesel-app .r97-demo-gate h2{margin:0 0 20px;font-size:clamp(29px,4vw,42px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
body#diesel-learning.diesel-app #r97-demo-copy{font-size:18px;line-height:1.65;color:#314c55}
body#diesel-learning.diesel-app .r97-demo-terms{margin-top:14px;font-size:14px;line-height:1.6;color:#52616b}
body#diesel-learning.diesel-app .r97-demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px}
body#diesel-learning.diesel-app .r97-demo-actions .primary,body#diesel-learning.diesel-app #r97-demo-contact{padding:13px 21px;border-radius:7px;background:#234e49;color:#fff;border:1px solid #234e49;box-shadow:none}
body#diesel-learning.diesel-app .r97-demo-actions .primary:disabled{background:#e7ebed;color:#52616b;border-color:#bdc5c7}
body#diesel-learning.diesel-app .r97-demo-exit{min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:650;color:#294e55}
body#diesel-learning.diesel-app .r97-demo-individual{margin-top:28px;padding-top:22px;border-top:1px solid #d9dfd7;font-size:14px;line-height:1.6;color:#52616b}
body#diesel-learning.diesel-app .r97-demo-storage{margin-top:18px;padding:12px 14px;border-left:3px solid #b3833f;background:#fbf2e1;font-size:13px;line-height:1.5}
body#diesel-learning.diesel-app .app-header > .r97-demo-bar{grid-column:1/-1;justify-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 12px;border:1px solid #ccd8d0;border-radius:6px;background:#eaf0e8;color:#294d48;font-size:13px;line-height:1.3}
body#diesel-learning.diesel-app .r97-demo-time{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
body#diesel-learning.diesel-app .r97-demo-bar[data-warning="true"]{border-color:#ba8542;background:#fbf0dd;color:#744d1c}
body#diesel-learning.diesel-app .r97-dialog-time{display:block;font-size:12px;font-weight:650;line-height:1.4;letter-spacing:0;text-transform:none;color:#745326;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:3px}
body#diesel-learning.diesel-app #app-load-status{margin:20px auto;max-width:680px;width:calc(100% - 40px);padding:18px 22px}
body#diesel-learning.diesel-app #app-load-status h2{font-size:18px}
body#diesel-learning.diesel-app[data-demo-state="expired"] .app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
@media(max-width:600px){
 body#diesel-learning.diesel-app .r97-demo-gate{width:calc(100% - 28px);margin:24px auto;padding:25px 21px;border-radius:12px}
 body#diesel-learning.diesel-app #r97-demo-copy{font-size:16px;line-height:1.6}
 body#diesel-learning.diesel-app .r97-demo-actions{align-items:stretch;flex-direction:column;gap:10px}
 body#diesel-learning.diesel-app .r97-demo-exit{justify-content:center}
 body#diesel-learning.diesel-app .app-header > .r97-demo-bar{font-size:12px;padding:7px 9px;gap:7px}
 body#diesel-learning.diesel-app .r97-demo-note{display:none}
 body#diesel-learning.diesel-app .r97-dialog-time{font-size:11px}
}
@media(forced-colors:active){body#diesel-learning.diesel-app .r97-demo-bar{border:1px solid CanvasText}}

body#diesel-learning.diesel-app .r97-expanded-time{display:none}
body#diesel-learning.diesel-app.large-view .stage-toolbar .stage-label{display:none}
body#diesel-learning.diesel-app.large-view .r97-expanded-time{display:inline-flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:12px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;color:#f6deb5}