/* Question delivery follows Cirrus; the original paper styling stays inside cases and models. */
.exam-case-layout{display:grid;grid-template-columns:minmax(0,var(--case-width,33.333333%)) 14px minmax(0,1fr);align-items:stretch}
.exam-case-layout.is-case-hidden{grid-template-columns:minmax(0,1fr)}
.exam-running .exam-case-layout>.exam-question-body{min-width:0;padding:12px 28px 32px}
.exam-case-panel{position:sticky;top:calc(var(--study-top-h,64px) + var(--study-return-h,46px) + 12px);align-self:start;min-width:0;max-height:var(--case-available-height,calc(100dvh - 370px));overflow:auto;overscroll-behavior:auto;padding:16px 20px 24px;background:var(--study-surface,#fff);color:var(--study-ink,#292e42);scrollbar-gutter:stable}
.exam-case-panel>h2{font-size:16px;line-height:1.4;margin:0 0 18px;color:inherit}
.exam-case-panel .exam-source-document{max-width:none;margin:0;padding:0;font-size:14px;line-height:1.5}
.exam-case-panel .exam-source-brand{display:none}
.exam-case-table-scroll{max-width:100%;overflow-x:auto}
.exam-case-panel table{min-width:420px;font-size:13px}
.exam-case-resizer{display:flex;align-items:flex-start;justify-content:center;min-width:14px;cursor:col-resize;touch-action:none;background:var(--study-wash,#f3f6fa);border-inline:1px solid var(--study-line,#d9e2eb);color:var(--study-muted,#58677a)}
.exam-case-resizer>span{position:sticky;top:50vh;display:grid;place-items:center;min-height:56px;font-size:23px;line-height:1}
.exam-case-resizer:hover,.exam-case-resizer:focus-visible{color:var(--study-accent,#087c66);outline:2px solid var(--study-accent,#087c66);outline-offset:-2px}
.exam-case-layout.is-resizing{user-select:none;cursor:col-resize}
.exam-case-layout>[hidden]{display:none!important}
.exam-question-identity .btn[aria-pressed=true]{border-color:var(--study-accent,#087c66);color:var(--study-accent,#087c66)}
@media(max-width:760px){
 .exam-case-layout{display:flex;flex-direction:column}
 .exam-case-layout>.exam-case-resizer{display:none}
 .exam-case-panel{position:static;order:-1;width:100%;max-height:45dvh;padding:14px 16px;border-bottom:1px solid var(--study-line,#d9e2eb)}
 .exam-running .exam-case-layout>.exam-question-body{padding:16px}
}
@media print{.exam-case-layout{display:block}.exam-case-resizer{display:none}.exam-case-panel{position:static;max-height:none;overflow:visible}}
.exam-running .exam-question-top{max-width:none;margin:4px 0 24px;align-items:baseline}
.exam-running .exam-question-top h2{font-weight:400;color:#55515c}
.exam-running .exam-source-question,.review-prompt .exam-source-question,.result-expanded .exam-source-question{max-width:none;margin:0;padding:0 0 12px;text-align:left;line-height:1.65;background:transparent}
.exam-running .exam-source-question > p:first-of-type{font-weight:400}
.exam-running .exam-source-points{color:inherit}
.exam-source-question ol[type="a" s]>li{margin:12px 0;padding-left:2px}
.exam-running .exam-question-body{min-height:calc(100vh - 300px);background:#fff}
/* Keep the exam controls in view while the case and answer scroll independently. */
@media screen and (min-width:761px){
 .exam-running main{height:calc(100dvh - var(--study-top-h,64px) - var(--study-return-h,46px));min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .exam-running #exam-app{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
 .exam-running .exam-runner-title,.exam-running .exam-work-head{flex:0 0 auto}
 .exam-running .frame{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
 .exam-running .exam-case-layout{flex:1 1 auto;min-height:0;overflow:hidden}
 .exam-running .exam-case-layout>.exam-case-panel{position:static;align-self:stretch;height:100%;min-height:0;max-height:none;overflow-y:auto}
 .exam-running .exam-case-layout>.exam-question-body{height:100%;min-height:0;overflow-y:auto}
 .exam-running .frame>.exam-question-body{flex:1 1 auto;min-height:0;overflow-y:auto}
 .exam-running .exam-footer{position:static;flex:0 0 auto}
}
@media screen and (min-width:761px) and (max-width:1099px){
 .exam-running .cafa-profile{gap:0;margin-left:8px}
 .exam-running .cafa-profile span{display:none}
}
.exam-answer-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}
.journal-scroll{overflow:auto;max-width:100%;margin:12px 0}
.journal-table{border-collapse:collapse;width:100%;min-width:850px;border:2px solid #202020;background:#fff;color:#111}
.journal-table th,.journal-table td{border:1px solid #202020;padding:10px 16px;vertical-align:top}
.journal-table th{background:#e7e7e7;text-align:left;padding:6px;font-weight:700}
.journal-table th:nth-child(1){width:30%}.journal-table th:nth-child(2),.journal-table th:nth-child(3){width:20%;text-align:center}
.journal-table input{box-sizing:border-box;width:100%;min-width:100px;padding:8px;border:1px solid #aeb2b7;border-radius:3px;background:#fff;color:#202020;font:inherit}
.journal-table input:focus{outline:2px solid #2783d5;outline-offset:1px}
.journal-table td>span{display:block;min-height:20px;white-space:pre-wrap}
.journal-add{margin-bottom:14px}
.exam-results-panel{border:1px solid #e0e3e5;background:white;margin:20px 10px}
.result-tabs{display:flex;gap:30px;background:#f8f8f8;border-bottom:1px solid #e0e3e5;padding:0 20px}
.result-tabs .btn{border:0;border-bottom:2px solid transparent;border-radius:0;padding:20px 16px;background:none;color:#625b68;font-weight:700}
.result-tabs .btn[aria-selected="true"]{border-bottom-color:#6d5b74}
.result-summary{padding:38px 26px 16px}
.result-overview-label{display:block;font-size:12px;margin-bottom:24px}
.result-summary>div{display:flex;gap:90px;font-size:13px}
.result-summary .small{margin-top:20px;color:#666}
.result-answers{padding:0 26px 24px}
.result-answers h2{font-size:18px;margin:20px 14px;color:#625b68}
.result-list-head{display:flex;justify-content:space-between;padding:24px 8%;border-top:3px solid #e0e3e5;border-bottom:1px solid #e0e3e5}
.result-group h3{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 12px 16px;margin:0;color:#7b7780;font-size:16px;font-weight:700}
.result-score{display:inline-block;min-width:98px;padding:8px 12px;text-align:center;border:1px solid #aab0b6;border-radius:2px;white-space:nowrap;font-size:14px;font-weight:400;flex-shrink:0;background:#f1f1f1;color:#172f40}
.result-score.full{background:#b5dcc7;border-color:green}.result-score.zero{background:#fac7bf;border-color:red}.result-score.partial{background:#fcdda0;border-color:#ba903c}.result-score.ungraded{font-size:12px}
.result-question.exam-review-item{padding:0;border:0;border-bottom:1px solid #dfe4e8}
.result-question>summary{display:flex;align-items:center;gap:24px;padding:16px 7% 16px 18px;cursor:pointer;background:#f8f8f8;list-style:none;color:#102b3d}
.result-question>summary::-webkit-details-marker{display:none}
.result-question>summary:before{content:'▸';flex:0 0 10px}
.result-question[open]>summary:before{content:'▾'}
.result-question>summary:hover,.result-question>summary:focus-visible{background:#d8eee7}
.result-number{flex:0 0 30px}.result-question-text{flex:1;font-weight:600;white-space:pre-line;line-height:1.45}
.result-expanded{padding:24px;background:#fff}
.result-expanded>.btn{margin-bottom:20px}
.exam-review-answer{background:#fff;border-radius:0}
.result-bottom-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:22px 26px;border-top:1px solid #e0e3e5}
.self-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;font-weight:600}
.self-score input{width:85px;padding:8px;border:1px solid #a9a9af;background:#fff;color:#111;border-radius:2px;font:inherit}
.self-score [data-score-saved]{font-size:12px;font-weight:400;color:#08754c}
.report-actions{text-align:right;padding:0 26px 18px}.score-report-scroll{overflow:auto;margin:0 26px}
.score-report{width:100%;min-width:700px;border-collapse:collapse;border:1px solid #e1e5e8}
.score-report th,.score-report td{border-bottom:1px solid #e1e5e8;padding:24px 20px;text-align:center}
.score-report thead th{background:#f8f8f8;color:#929292;font-size:13px;text-align:left}
.score-report th:first-child{text-align:left;width:43%}.score-report th.report-child{padding-left:40px}.score-report td:last-child{width:22%;text-align:left}
.report-progress-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:12px}.report-progress-label strong{font-size:18px}
.report-track{height:8px;position:relative;background:#ccc;margin:0 8px}.report-track i{position:absolute;display:block;width:16px;height:16px;border-radius:50%;background:#008b61;top:-4px;transform:translateX(-50%)}
.report-legend{margin:18px 26px 50px;color:#008b61}
.review-feedback-banner{background:#dce5ff;color:#17364e;padding:24px 20px;font-size:20px;margin:0 -4px 16px}
.review-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;margin:14px}
.review-detail-main{min-width:0;border:1px solid #e6e6e6;background:#fff}
.review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e9e7e7;padding:14px 30px}
.review-toolbar select{padding:12px 18px;background:#fff;border:0;min-width:220px;color:#17364e;border-radius:4px;font:inherit}
.review-toolbar .btn{min-width:135px;padding:12px 18px}
.review-prompt{background:#efeded;padding:22px 32px;border-bottom:1px solid #333}
.review-prompt>summary{cursor:pointer;margin-bottom:14px}
.review-prompt .exam-source-question{color:#102d40;line-height:1.7}
.review-detail-main>.exam-review-answer{border:0;margin:0;padding:12px 32px}
.review-detail-main>.exam-solution,.review-detail-main>.exam-review-case{margin:16px 32px}
.review-scoring{padding:24px;background:#fff;border:1px solid #eee;align-self:start;min-height:380px;color:#222}
.review-scoring h2{font-size:19px}.review-scoring h3{font-size:17px;margin:24px 0}.review-scoring .self-score{display:block}.review-scoring input{display:block;margin-top:12px}.review-scoring p{font-size:13px;line-height:1.5}
@media(max-width:800px){.review-detail-layout{grid-template-columns:1fr;gap:16px;margin:6px}.review-scoring{min-height:0}.review-toolbar{padding:12px;flex-wrap:wrap}.review-toolbar .actions{margin-left:auto}.review-toolbar .btn{min-width:100px}.review-prompt{padding:18px}.review-detail-main>.exam-review-answer{padding:12px}.result-summary>div{gap:24px;flex-wrap:wrap}.result-answers{padding:0 8px 14px}.result-question>summary{gap:10px;padding:14px 8px}.result-number{flex-basis:18px}.result-score{min-width:65px;padding:7px}.result-question-text{font-size:13px}.result-expanded{padding:14px}.result-group h3{font-size:14px}.result-summary{padding:24px 16px}.score-report-scroll{margin:0 12px}}
@media print{.result-tabs,.report-actions,.result-bottom-actions,.review-toolbar,.topbar,.top-bar{display:none!important}.score-report-scroll{overflow:visible}.exam-results-panel{border:0}.score-report{min-width:0}}
.exam-question-part{display:block;margin:14px 0;white-space:pre-wrap}
.review-split{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,var(--review-width,38%));gap:0;align-items:stretch}
.review-own,.review-detail-main{min-width:0}
.review-resizer{display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;color:#797682;background:#f8f8fa;min-height:180px}
.review-resizer:hover,.review-resizer:focus-visible{background:#d9eee6;outline:2px solid #008b61;outline-offset:-2px}
.review-sidebar{min-width:0;border:1px solid #e0e0e3;background:#fff;overflow:hidden;align-self:stretch}
.review-side-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e4e4e4;background:#f8f8f8}
.review-side-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:13px 10px;font:inherit;cursor:pointer;color:#55515e}
.review-side-tabs button[aria-selected="true"]{border-bottom-color:#008b61;color:#006844;font-weight:700}
.review-side-content{padding:22px;overflow:auto;max-height:75vh}
.review-side-content h2{font-size:18px;color:#181818;margin:0 0 26px}.review-side-content h3{font-size:16px;line-height:1.4}
.review-side-content .exam-source-document{margin:0;max-width:none}
.review-side-content .exam-source-brand{display:none}
.review-side-content .exam-source-document table{min-width:500px}
.review-side-content[hidden]{display:none}
.exam-info-dialog:has(.review-split){width:min(1500px,96vw);max-width:96vw}
.review-detail-layout .review-prompt{min-height:180px;max-height:38vh;overflow:auto}
.review-detail-layout .exam-review-answer{max-height:55vh;overflow:auto}
@media(max-width:800px){.review-split{grid-template-columns:minmax(0,1fr)}.review-resizer{display:none}.review-sidebar{margin-top:18px}.review-side-content{max-height:none;padding:16px}.review-detail-layout .review-prompt,.review-detail-layout .exam-review-answer{max-height:none}}

.result-group h3{padding-right:7%}
@media(max-width:800px){.result-group h3{padding-right:8px}}


/* Cirrus fine-tune 2026-09-18 */
/* Verfijning van de resultatenweergave op basis van de Cirrus-referentie. */
.exam-results-panel{
  margin:18px 0 28px;
  border:1px solid #e6e6e8;
  border-radius:0;
  box-shadow:none;
}
.result-tabs{
  gap:0;
  min-height:50px;
  padding:0 18px;
  background:#fbfbfb;
  border-bottom:1px solid #e4e4e6;
}
.result-tabs .btn{
  min-width:102px;
  min-height:50px;
  padding:0 14px;
  border-bottom:2px solid transparent;
  color:#665c69;
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}
.result-tabs .btn[aria-selected="true"]{
  border-bottom-color:#6e5a73;
  color:#5e5063;
}
.result-summary{
  padding:28px 26px 22px;
}
.result-overview-label{
  margin-bottom:18px;
  color:#4d4850;
  font-size:11px;
  font-weight:600;
}
.result-summary>div{
  display:grid;
  grid-template-columns:150px 220px;
  gap:34px;
  align-items:start;
  color:#33343a;
  font-size:12px;
}
.result-summary>div strong{
  color:#111820;
  font-weight:700;
}
.result-summary .small{
  margin-top:18px;
  color:#50535a;
  font-size:11px;
}
.result-answers{
  padding:0 18px 18px;
}
.result-answers h2{
  margin:4px 10px 14px;
  color:#625766;
  font-size:17px;
}
.result-list-head{
  min-height:52px;
  padding:0 28px 0 54px;
  align-items:center;
  border-top:1px solid #dfe2e4;
  border-bottom:1px solid #dfe2e4;
  color:#1d2730;
  font-size:12px;
  font-weight:700;
  background:#fff;
}
.result-group h3{
  min-height:52px;
  padding:0 30px 0 10px;
  border-bottom:1px solid #e3e5e6;
  color:#756b78;
  font-size:13px;
  line-height:1.35;
  background:#fafafa;
}
.result-question.exam-review-item{
  border-bottom:1px solid #e2e5e7;
}
.result-question>summary{
  min-height:54px;
  padding:8px 28px 8px 10px;
  gap:12px;
  background:#fff;
  color:#102f43;
  font-size:12px;
}
.result-question>summary:before{
  flex:0 0 12px;
  color:#17384e;
  font-size:11px;
}
.result-number{
  flex:0 0 26px;
  color:#46708c;
  font-size:11px;
  font-weight:400;
}
.result-question-text{
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}
.result-score{
  min-width:72px;
  padding:5px 9px;
  border-radius:2px;
  font-size:11px;
  line-height:1.2;
}
.result-score.full{
  background:#bfe8c7;
  border-color:#008d2a;
  color:#102f24;
}
.result-score.partial{
  background:#ffe1a3;
  border-color:#c89b3d;
  color:#563d0d;
}
.result-score.zero{
  background:#ffd0cd;
  border-color:#ff2a2a;
  color:#6b1414;
}
.result-score.ungraded{
  background:#f4f5f6;
  border-color:#b8bec3;
  color:#53606a;
  font-size:10px;
}
.result-question>summary:hover,
.result-question>summary:focus-visible{
  background:#e2f4ef;
}
.result-question[open]>summary{
  background:#d7efe9;
}
.result-expanded{
  padding:18px 64px 24px;
  background:#d7efe9;
  border-top:0;
}
.result-expanded .exam-review-answer{
  margin:12px 0 0;
  padding:18px 20px;
  border:0;
  background:#fff;
  box-shadow:none;
}
.result-expanded .exam-source-question{
  color:#25353f;
  font-size:12px;
  line-height:1.55;
}
.result-bottom-actions{
  padding:16px 20px;
  border-top:1px solid #e4e4e6;
}
.report-actions{
  padding:0 20px 12px;
}
.score-report-scroll{
  margin:0 20px;
}
.score-report{
  min-width:760px;
  border:1px solid #e2e4e5;
}
.score-report th,
.score-report td{
  padding:16px 16px;
  border-bottom:1px solid #e6e7e8;
  font-size:12px;
}
.score-report thead th{
  height:42px;
  background:#fafafa;
  color:#98989b;
  font-size:10px;
  font-weight:600;
}
.score-report th:first-child{
  width:48%;
}
.score-report td:last-child{
  width:22%;
}
.report-progress-label{
  margin-bottom:8px;
  font-size:10px;
}
.report-progress-label strong{
  font-size:13px;
}
.report-track{
  height:6px;
  margin:0 4px;
  background:#c9cacc;
}
.report-track i{
  width:12px;
  height:12px;
  top:-3px;
  background:#008b61;
}
.report-legend{
  margin:14px 20px 34px;
  font-size:11px;
}
@media(min-width:1100px){
  .exam-running main,
  .exam-dashboard main{
    max-width:none;
  }
  .exam-results-panel{
    width:calc(100% - 24px);
    margin-left:12px;
    margin-right:12px;
  }
}
@media(max-width:800px){
  .result-summary>div{
    grid-template-columns:1fr 1fr;
    gap:12px 24px;
  }
  .result-list-head{
    padding-left:32px;
    padding-right:10px;
  }
  .result-group h3{
    padding:12px 8px;
  }
  .result-question>summary{
    padding:12px 8px;
  }
  .result-expanded{
    padding:14px 12px 18px;
  }
  .score-report-scroll{
    margin:0 8px;
  }
}