/* A calm overview proof: one edited capture on one sheet. The richer Eulogize
   project desk remains parked in content for a later exploration. */
.evidence-single-proof {
  position: relative;
  min-height: 0;
  padding: clamp(34px, 5.5cqw, 64px) clamp(24px, 4cqw, 48px) clamp(28px, 4.5cqw, 52px);
  border: 3px solid var(--ink);
  border-radius: 14px;
  background-color: #27302d;
  background-image:
    linear-gradient(135deg, transparent calc(50% - .75px), rgba(233,240,236,.12) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)),
    linear-gradient(to right, rgba(233,240,236,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(233,240,236,.07) 1px, transparent 1px);
  background-size: 100% 100%, 34px 34px, 34px 34px;
  box-shadow: 14px 16px 0 rgba(38,51,59,.18);
}

.single-proof-tape {
  position: absolute;
  z-index: 2;
  top: -13px;
  left: 5%;
  padding: 7px 13px 6px;
  background: var(--ink);
  color: #f5f7f6;
  font: 700 clamp(.62rem, 1.2cqw, .74rem) / 1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  rotate: -1.6deg;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 3px 4px 0 rgba(38,51,59,.22);
}

.single-proof-sheet {
  position: relative;
  margin: 0;
  padding: clamp(8px, 1.1cqw, 14px);
  background: #fff;
  border: 2px solid var(--ink);
  rotate: -.55deg;
  box-shadow: 10px 12px 0 rgba(8,11,10,.48);
}

.single-proof-sheet .desk-print { background: #fff; }

.single-proof-sheet figcaption {
  margin-top: clamp(8px, 1cqw, 12px);
  color: var(--ink);
  font: 700 clamp(.66rem, 1.1cqw, .8rem) / 1.2 var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .evidence-single-proof {
    padding: 34px 16px 22px;
    border-radius: 10px;
    box-shadow: 9px 11px 0 rgba(38,51,59,.18);
  }
  .single-proof-sheet { padding: 7px; box-shadow: 7px 8px 0 rgba(8,11,10,.45); }
  .single-proof-sheet figcaption { font-size: .62rem; }
}
