/* ═══════════════════════════════════════════
   V. EVIDENCE (scrapbook screenshots)
═══════════════════════════════════════════ */
.evidence-spread {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
  gap: 28px; align-items: start;
}
.evidence-item {
  position: relative; transition: transform 0.3s ease; cursor: default;
}
.evidence-item:nth-child(odd)  { transform: rotate(-1.8deg); }
.evidence-item:nth-child(even) { transform: rotate(1.4deg); }
.evidence-item:nth-child(3n)   { transform: rotate(-0.7deg); margin-top: 20px; }
.evidence-item:hover           { transform: scale(1.03) rotate(0deg) !important; z-index: 5; }

.ev-frame { background: #fff; padding: 6px 6px 2px; box-shadow: 2px 4px 18px rgba(44,36,22,0.13); }
.ev-ss {
  min-height: 160px; background: var(--paper-warm);
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 8px; padding: 16px; position: relative; overflow: hidden;
  font-family: 'Caveat', cursive; font-size: 14px; color: var(--ink-faded); text-align: center;
}
.ev-ss img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ev-ss::before {
  content: ''; position: absolute; inset: 0;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent 36px, rgba(44,36,22,0.035) 36px, rgba(44,36,22,0.035) 37px);
}
.ev-caption { font-family: 'Caveat', cursive; font-size: 14px; color: var(--ink-faded); padding: 8px 6px 4px; font-style: italic; text-align: center; line-height: 1.4; background: #fff; }
.ev-ts { font-family: 'Special Elite', monospace; font-size: 8px; letter-spacing: 1px; color: var(--ink-muted); text-align: center; padding: 0 6px 8px; background: #fff; }
.ev-washi { position: absolute; height: 18px; border-radius: 1px; opacity: 0.6; pointer-events: none; }

@media(max-width:640px) { .evidence-spread { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media(max-width:380px) { .evidence-spread { grid-template-columns: 1fr; } }