.layout{display:block}.monitor{min-width:0}body.training .layout{display:grid;grid-template-columns:minmax(0,1fr) 390px}#casePanel{background:#101c28;border-left:1px solid #34485b;padding:20px;position:sticky;top:0;height:calc(100dvh - 70px);overflow-y:auto;align-self:start}.case-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#70deb1}#caseContent h2{font-size:23px;line-height:1.3;margin:24px 0 14px}#caseContent p{line-height:1.55;white-space:pre-wrap}#caseContent textarea{min-height:110px;margin:12px 0}.case-answer{display:flex;gap:10px;padding:12px;border:1px solid #41566a;border-radius:8px;margin:10px 0;color:#edf4fa;cursor:pointer;line-height:1.4}.case-answer input{flex-shrink:0}.case-answer:has(input:checked){background:#173d4b;border-color:#61d9ec}.case-feedback{padding:12px;border-left:3px solid #59b3cb;background:#0b2530;font-size:14px}#caseError,#pickerError{color:#ffbaba;white-space:pre-wrap}#caseList{display:grid;gap:12px}#caseList button{text-align:left;padding:18px}#practice{display:inline-block!important}header .actions{justify-content:flex-end}#casePicker{width:min(620px,94vw)}#caseContent small{color:#9db0c1}.training #bptime{font-size:0}.training #bptime:after{content:'Gesimuleerde actuele bloeddruk';font-size:13px}.training #measure{display:none}.training .bad .number{animation:none}.training header{padding:12px 16px}.training .brand{white-space:nowrap}.training #patient{font-size:14px}@media(max-width:1000px){body.training .layout{grid-template-columns:minmax(0,1fr) 330px}.trace{grid-template-columns:minmax(0,1fr) 140px}.number{font-size:48px}.bottom{gap:8px}.tile{padding:10px}.tile .number{font-size:32px}}@media(max-width:740px){body.training .layout{display:block}#casePanel{height:auto;min-height:360px;position:relative;border-left:0;border-top:1px solid #34485b}.bottom{grid-template-columns:repeat(3,1fr)}header .actions{justify-content:flex-start}.screen{padding:8px}.patient{padding:10px}.tile .number{font-size:26px}.case-head{position:static}}
.case-answer input[type=radio]{width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:3px 0 0;padding:0}.case-answer{overflow-wrap:anywhere}
#studentIdentity{display:grid;gap:12px;margin:16px 0}#studentIdentity input{display:block;width:100%;margin-top:6px;padding:10px}
.gas-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.gas-metrics .metric{padding-left:10px;min-width:0}.gas-metrics .number{font-size:clamp(30px,3.5vw,56px)}.gas-metrics .metric-label{flex-wrap:wrap;gap:3px;font-size:14px}.gas-metrics .limits{font-size:10px;overflow-wrap:anywhere}.results-link{display:inline-block;margin-bottom:16px;padding:10px 14px;border:1px solid #476884;border-radius:7px;text-decoration:none}.gas-metrics .unit{font-size:11px}
.gas-metrics .metric-label{min-height:34px;align-content:flex-start;align-items:flex-start}.gas-metrics .limits{white-space:nowrap;overflow-wrap:normal}

.preview-notice{padding:10px 18px;background:#35432c;color:#effadf;font-size:13px;border-bottom:1px solid #627845}.preview-notice button{padding:5px 10px;margin-left:8px}.vm-preview .case-head{color:#d7eec6}