/* Case Closed: one deliberate route from recall to a self-reported result.
   Notes keep their exact paper, slots and fitted word geometry. */
#zineCaseApp .case-word-toggle {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: inherit;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font: inherit;
  opacity: 1;
  filter: none;
  box-shadow: none;
  appearance: none;
  touch-action: manipulation;
}
#zineCaseApp .case-word-toggle:disabled { cursor: default; color: inherit; opacity: 1; }
#zineCaseApp .case-word-toggle:not(:disabled) { cursor: pointer; }
#zineCaseApp .case-word-toggle:not(:disabled):focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 2px;
  box-shadow: none;
}
#zineCaseApp .case-check-mark {
  position: absolute;
  right: 17px;
  bottom: 13px;
  width: 18px;
  height: 18px;
  border: 2px solid var(--ink);
  color: var(--ink);
  rotate: -3deg;
  visibility: hidden;
  pointer-events: none;
}
#zineCaseApp:is([data-phase="review"], [data-phase="finishing"]) .case-check-mark { visibility: visible; }
#zineCaseApp .case-check-mark::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  left: 4px;
  top: -3px;
  border: solid currentColor;
  border-width: 0 3px 3px 0;
  rotate: 39deg;
  opacity: 0;
}
#zineCaseApp .case-word-toggle[aria-pressed="true"] .case-check-mark::after { opacity: 1; }
#zineCaseApp .case-word-toggle:not(:disabled):hover .case-check-mark { border-width: 3px; }
#zineCaseApp .case-word-toggle:not(:disabled):active .case-check-mark { translate: 1px 1px; }
#zineCaseApp .case-review-hint,
#zineCaseApp .case-review-score {
  margin: 0;
  font: 400 clamp(18px, 1.65vw, 24px)/1.15 var(--print-face);
  color: var(--ink);
  mask: none;
}
#zineCaseApp .case-review-score { min-width: 3ch; font-weight: 900; white-space: nowrap; }
#zineCaseApp .case-result {
  margin: 0;
  color: var(--ink);
  font: 900 clamp(64px, 7vw, 108px)/1 var(--print-face);
  font-variant-numeric: tabular-nums;
  padding-block: .08em;
}
#zineCaseApp[data-cover-content="result"] .case-cover-copy { gap: clamp(16px, 2.5vh, 28px); }
#zineCaseApp[data-cover-content="result"] .case-stamp { font-size: clamp(34px, 4.1vw, 64px); }
#zineCaseApp[data-phase="finishing"] .case-file-edges { visibility: hidden; }
#zineCaseApp [hidden] { display: none; }
@media (max-width: 540px) {
  #zineCaseApp .case-review-hint,
  #zineCaseApp .case-review-score { font-size: 18px; }
  #zineCaseApp .case-clock { gap: 10px; }
  #zineCaseApp[data-cover-content="result"] .case-stamp { font-size: 34px; }
}
@media (max-height: 560px) {
  #zineCaseApp .case-result { font-size: 64px; }
  #zineCaseApp[data-cover-content="result"] .case-cover-copy { gap: 12px; }
  #zineCaseApp .case-check-mark { width: 16px; height: 16px; right: 13px; bottom: 9px; }
}
@media (forced-colors: active) {
  #zineCaseApp .case-word-toggle { color: CanvasText; }
  #zineCaseApp .case-word-toggle:not(:disabled):focus-visible { outline-color: Highlight; }
  #zineCaseApp .case-check-mark { color: CanvasText; border-color: CanvasText; }
  #zineCaseApp .case-result,
  #zineCaseApp .case-review-hint,
  #zineCaseApp .case-review-score { color: CanvasText; mask: none; }
}
