/* Only the authenticity checklist: paper, pencil rules and a single red-ink gesture.
   Native inputs remain visible and functional without CSS, SVG, or JavaScript. */
#silver-checker.field-sheet {
  --sheet-paper:#faf5e9; --sheet-ink:#30352e; --sheet-muted:#53594e;
  --sheet-rule:#b8b6a6; --sheet-red:#a72c2d; --sheet-wash:#a72c2d0b;
  position:relative; isolation:isolate; padding:38px 34px 28px 48px;
  margin:36px 0; border:1px solid #c4bead; border-radius:2px 5px 3px 2px;
  color:var(--sheet-ink); background-color:var(--sheet-paper);
  background-image:linear-gradient(90deg,transparent 27px,#a72c2d35 27px,#a72c2d35 28px,transparent 28px),
    repeating-linear-gradient(0deg,#77674904 0,#77674904 1px,transparent 1px,transparent 4px),
    radial-gradient(ellipse at 90% 0,#d7cda329,transparent 65%);
  box-shadow:0 2px 0 -1px var(--sheet-paper),0 3px 0 -1px #b7b09f,0 6px 0 -3px var(--sheet-paper),0 7px 0 -3px #b7b09f,0 14px 26px -18px #29271970;
}
#silver-checker::before {
  content:""; position:absolute; top:24px; bottom:24px; left:8px; width:10px;
  background:radial-gradient(circle at 5px 5px,#796e4f22 0 2px,transparent 3px) 0 0/10px 72px;
  pointer-events:none;
}
#silver-checker .field-sheet-study {display:block;width:72px;height:53px;color:var(--sheet-muted);margin:0 0 18px;opacity:.8}
#silver-checker .eyebrow {color:var(--sheet-muted);font-size:11px;letter-spacing:1.5px;line-height:1.6}
.prose #silver-checker h3 {color:var(--sheet-ink);font:clamp(28px,3.2vw,36px)/1.15 Georgia,serif;letter-spacing:-.6px;margin:12px 0 18px;max-width:21ch}
.prose #silver-checker p {color:var(--sheet-ink);font-size:16px;line-height:1.7;margin:0 0 20px}
#silver-checker .clue-checks {margin:28px 0 24px;min-width:0;border:0;padding:0}
#silver-checker .clue-checks legend {color:var(--sheet-muted);font:600 16px/1.5 var(--sans);padding:0 0 14px;max-width:100%}
#silver-checker .clue-checks label {
  position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto 32px;
  align-items:center;gap:12px;min-height:72px;padding:16px 0;border-top:1px solid var(--sheet-rule);
  color:var(--sheet-ink);font-size:16px;line-height:1.5;cursor:pointer;
}
#silver-checker .clue-checks label:last-child {border-bottom:1px solid var(--sheet-rule)}
#silver-checker .clue-checks label:hover {background:var(--sheet-wash)}
#silver-checker .clue-checks label:focus-within {outline:2px solid var(--sheet-red);outline-offset:4px}
#silver-checker .clue-checks input {position:relative;width:22px;height:22px;margin:0;accent-color:var(--sheet-red);cursor:pointer}
#silver-checker .clue-checks input:focus-visible {outline:2px solid var(--sheet-red);outline-offset:3px}
#silver-checker .clue-checks label>span {color:var(--sheet-ink)}
#silver-checker .clue-checks small {color:var(--sheet-muted);font:14px/1.4 var(--mono);margin:0;min-width:3ch;text-align:right}
#silver-checker .field-ink-check {width:32px;height:32px;overflow:visible;pointer-events:none;color:var(--sheet-red);opacity:0}
#silver-checker .field-ink-check path {fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
#silver-checker input:checked~.field-ink-check {opacity:1}
#silver-checker input:checked~.field-ink-check path {stroke-dashoffset:0}
#silver-checker input:checked~small {color:var(--sheet-red);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
#silver-checker .clue-result {position:relative;background:transparent;border:0;border-top:3px double var(--sheet-rule);border-bottom:1px solid var(--sheet-rule);padding:20px 0 22px}
#silver-checker .clue-result>span {color:var(--sheet-muted);font:600 12px/1.5 var(--mono);letter-spacing:1.4px}
#silver-checker .clue-result output {display:block;width:fit-content;color:var(--sheet-red);font:italic 42px/1.3 Georgia,serif;margin:8px 0 10px;border-bottom:2px solid var(--sheet-red);border-radius:0 0 45% 10%;padding:0 8px 3px 0}
.prose #silver-checker .clue-result p {font-size:16px;line-height:1.65;margin:0}
#silver-checker .tool-reset {min-height:44px;padding:12px 2px;margin:10px 0 20px;color:var(--sheet-red);font-size:16px;text-underline-offset:4px}
#silver-checker .tool-reset:focus-visible {outline:2px solid var(--sheet-red);outline-offset:4px}
.prose #silver-checker .tool-caution {color:var(--sheet-muted);font-size:16px;line-height:1.65;border-top:1px dashed var(--sheet-rule);padding-top:18px;margin:0}
.prose #silver-checker .field-sheet-nojs {border-left:3px solid var(--sheet-red);padding-left:14px}
html[data-theme="dark"] #silver-checker.field-sheet {
  --sheet-paper:#292c29;--sheet-ink:#f0ebdf;--sheet-muted:#cbc6b8;
  --sheet-rule:#74776c;--sheet-red:#ffaaa0;--sheet-wash:#ffaaa00b;
  color-scheme:dark;border-color:#73756b;
  background-image:linear-gradient(90deg,transparent 27px,#ffaaa045 27px,#ffaaa045 28px,transparent 28px),
    repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 4px);
  box-shadow:0 2px 0 -1px var(--sheet-paper),0 3px 0 -1px #74776c,0 6px 0 -3px var(--sheet-paper),0 7px 0 -3px #74776c,0 14px 26px -18px #000;
}
html[data-theme="dark"] #silver-checker::before {background:radial-gradient(circle at 5px 5px,#ede5ca30 0 2px,transparent 3px) 0 0/10px 72px}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-effects="off"]) #silver-checker input:checked~.field-ink-check path {animation:field-sheet-ink .23s ease-out both}
}
@keyframes field-sheet-ink {from {stroke-dashoffset:1} to {stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce) {
  #silver-checker *,#silver-checker *::before,#silver-checker *::after {animation:none!important;transition:none!important}
}
html[data-effects="off"] #silver-checker *,html[data-effects="off"] #silver-checker *::before,html[data-effects="off"] #silver-checker *::after {animation:none!important;transition:none!important}
@media(max-width:600px) {
  #silver-checker.field-sheet {padding:26px 16px 24px 30px;background-position:-12px 0,0 0,0 0;margin:28px 0}
  #silver-checker::before {left:2px;width:8px}
  #silver-checker .clue-checks label {grid-template-columns:22px minmax(0,1fr) auto;gap:10px;min-height:84px;padding:18px 0 18px 0}
  #silver-checker .clue-checks small {align-self:start;padding-top:3px}
  #silver-checker .field-ink-check {position:absolute;right:0;bottom:10px;width:24px;height:24px}
  #silver-checker .clue-checks label>span {padding-right:3px}
}
@media(forced-colors:active) {
  #silver-checker.field-sheet {background:Canvas;color:CanvasText;box-shadow:none;border:1px solid CanvasText}
  #silver-checker .field-ink-check,#silver-checker .field-sheet-study,#silver-checker::before {display:none}
  #silver-checker .clue-checks label {grid-template-columns:24px minmax(0,1fr) auto}
  #silver-checker input:checked~small,#silver-checker .clue-result output {color:CanvasText}
}
@media print {
  #silver-checker.field-sheet,html[data-theme="dark"] #silver-checker.field-sheet {
    --sheet-paper:#fff;--sheet-ink:#000;--sheet-muted:#222;--sheet-rule:#777;--sheet-red:#000;
    color-scheme:light;background:#fff;box-shadow:none;border:1px solid #777;
  }
  #silver-checker::before,#silver-checker .field-sheet-study,#silver-checker .field-ink-check {display:none}
  #silver-checker .clue-checks label {grid-template-columns:24px minmax(0,1fr) auto;break-inside:avoid}
  #silver-checker .clue-checks input {appearance:auto;accent-color:auto}
  #silver-checker .clue-result,#silver-checker .tool-caution {break-inside:avoid}
}
