:root { color-scheme: light dark; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.wrap { max-width: 980px; margin: 0 auto; padding: 24px; }
img { width: 100%; height: auto; max-height: 80vh; object-fit: contain; display: block; border-radius: 10px; }
figure { margin: 22px 0; }
figcaption { opacity: 0.85; font-size: 0.95rem; margin-top: 8px; line-height: 1.35; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.manifest {
  padding: 12px 14px;
  border: 1px solid rgba(127,127,127,.35);
  border-radius: 10px;
  overflow-x: auto;
  white-space: pre-wrap;
}

.blackbox {
  margin: 16px 0 26px;
  padding: 22px 24px;
  border-radius: 12px;
  background: #222;
  color: #f2f2f2;
}
.blackbox p { margin: 0 0 10px; }
.blackbox p:last-child { margin-bottom: 0; }

.transcript {
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(127,127,127,.25);
  border-radius: 10px;
  font-size: 0.95rem;
  line-height: 1.4;
}
.small { font-size: 0.95rem; opacity: 0.85; }
.notes { margin-top: 18px; opacity: 0.9; }
.notes p { margin: 0; line-height: 1.55; }