/* Case 02: mark evidence on the records themselves. */
.c2-record-screen { background:#081827; --c2-paper:#f1ecdd; --c2-ink:#192b3c; --c2-teal:#08746e; --c2-amber:#efb537; }
.c2-desk { position:relative; width:min(1180px,calc(100% - 64px)); margin:auto; padding:24px 0 36px; }
.c2-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.c2-heading h1 { font:30px/1.4 var(--font-title); margin:0; }
.c2-steps { display:flex; gap:24px; list-style:none; margin:0; padding:0; color:#c2d4dd; }
.c2-steps [aria-current] { color:var(--c2-amber); text-decoration:underline; text-underline-offset:7px; }
.c2-paper { background:var(--c2-paper); color:var(--c2-ink); border:5px double #9a8c70; padding:28px; box-shadow:6px 12px 24px #0007; }
.c2-instruction { font:22px/1.5 var(--font-body); margin:0 0 8px; }
.c2-boundary { margin:0 0 24px; font:16px/1.7 var(--font-body); }
.c2-records { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.c2-record { min-width:0; }
.c2-record + .c2-record { border-left:1px solid #9a8c70; padding-left:32px; }
.c2-record header { padding-bottom:16px; border-bottom:1px solid #9a8c70; margin-bottom:16px; }
.c2-record h2 { font:26px/1.4 var(--font-title); margin:0 0 4px; }
.c2-record header span { font-size:15px; }
.c2-paper button { min-height:44px; cursor:pointer; font-family:var(--font-body); }
.c2-current { width:100%; display:flex; flex-direction:column; align-items:center; gap:12px; padding:22px 12px; border:1px solid #91856d; background:#eae2ce; color:var(--c2-ink); }
.c2-current > span:first-child { font:40px/1.2 var(--font-data); }
.c2-current small { font-size:20px; }
.c2-current strong { font:28px/1.3 var(--font-body); }
.c2-selection { font-size:16px; border-top:1px solid #91856d; padding-top:12px; width:100%; }
.c2-paper button[aria-pressed="true"] { background:#f5df9d; outline:3px double #9b6206; outline-offset:2px; }
.c2-history { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:0 0 24px; }
.c2-history li { display:flex; flex-direction:column; align-items:center; gap:10px; padding:12px 2px; border-bottom:2px solid var(--c2-teal); }
.c2-history li + li { border-left:1px solid #bdb29a; }
.c2-history span { font-size:14px; }
.c2-history strong { font:17px/1.5 var(--font-data); }
.c2-history small { font:12px var(--font-body); }
.c2-mark { border:0; margin:0; padding:0; display:grid; gap:10px; }
.c2-mark legend { margin-bottom:12px; font-size:17px; }
.c2-mark button { padding:12px; border:1px solid #91856d; color:var(--c2-ink); background:transparent; text-align:left; font-size:16px; }
.c2-error { color:#91372b; font-size:16px; margin:14px 0 0; }
.c2-reference { border-top:1px solid #9a8c70; margin-top:24px; }
.c2-reference summary { cursor:pointer; padding:16px 0; min-height:44px; }
.c2-reference .trajectory-board { border:0; padding:16px; }
.c2-reference .curve-legend strong { display:none; }
.c2-footer { margin-top:24px; border-top:1px solid #9a8c70; padding-top:20px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.c2-feedback { font:16px/1.7 var(--font-body); margin:0; max-width:62ch; }
.c2-confirm { background:var(--c2-amber); color:var(--c2-ink); border:5px double #98600c; font-size:20px; padding:12px 24px; flex-shrink:0; }
.c2-confirm:disabled { background:#ded5c0; color:#5d5647; border-color:#91856d; cursor:default; }
.c2-paper :is(button,summary):focus-visible { outline:3px solid #08746e; outline-offset:5px; }
.c2-paper button:not(:disabled):hover { filter:brightness(.95); }
.c2-record-screen::before { background:linear-gradient(#081827a8,#081827e8),url('assets/investigation/scene-school.webp') center/cover; }
.c2-record-screen .c2-record { background:#f7f1e3; border:1px solid #b8a889; padding:22px; box-shadow:3px 5px 9px #192b3c22; }
.c2-record-screen .c2-record + .c2-record { border:1px solid #b8a889; padding:22px; }
.c2-record header { position:relative; }
.c2-retained { display:table; margin-top:12px; padding:5px 9px; border:1px solid var(--c2-teal); color:var(--c2-teal); }
.c2-history strong { white-space:nowrap; }
@media (max-width:680px) {
  .c2-desk { width:calc(100% - 24px); padding-top:16px; }
  .c2-heading { display:block; margin-bottom:18px; }
  .c2-heading h1 { font-size:25px; margin-bottom:14px; }
  .c2-steps { gap:20px; font-size:15px; }
  .c2-paper { padding:18px 14px; }
  .c2-instruction { font-size:20px; }
  .c2-records { grid-template-columns:1fr; gap:24px; }
  .c2-record + .c2-record { border-left:0; padding-left:0; border-top:1px solid #9a8c70; padding-top:24px; }
  .c2-record h2 { font-size:23px; }
  .c2-current { gap:8px; padding:16px 12px; }
  .c2-current > span:first-child { font-size:32px; }
  .c2-current strong { font-size:24px; }
  .c2-footer { display:block; }
  .c2-confirm { width:100%; margin-top:16px; }
  .c2-reference .trajectory-board { padding:8px; }
  .c2-record-screen .c2-record, .c2-record-screen .c2-record + .c2-record { padding:14px 10px; }
  .c2-history strong { font-size:15px; }
  .c2-history small { display:block; text-align:center; }
  .c2-history span { font-size:12px; }
}
@media (forced-colors:active) { .c2-paper button[aria-pressed="true"] { outline:3px solid Highlight; } }