/* Prompt cards for /tutorials/best-prompts-for-cinematic-ai-videos.
   Kept out of page.css on purpose: every spoke page links page.css with a
   content-hash ?v= tag, so a page.css edit re-stamps all 90 pages and makes
   the sitemap claim they all changed. Only the page that uses these rules
   links this file. Builds on the .proof strip in page.css. */

/* Prompt library — a proof strip whose captions carry the exact prompt, the
   model that ran it and what came back. Frames keep their own aspect ratio
   (`--proof-ar` is set per image), so rows top-align instead of stretching. */
.prompt-lib { align-items: start; }
@media (min-width: 900px) { .prompt-lib { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* The caption of a prompt card is reading copy, not a ledger label: the
   prompt has to be legible enough to copy, so it drops the caps/mono voice
   that `.proof-item figcaption` carries. Only `.prompt-meta` keeps it. */
.prompt-item figcaption,
.prompt-cap {
  font-family: inherit;
  font-size: 0.9375rem;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.55;
  font-feature-settings: normal;
}
.prompt-item figcaption { color: rgb(var(--c-fg)); }
.prompt-item figcaption p { margin: 0 0 8px; }
.prompt-cap { margin: 14px 0 0; color: rgb(var(--c-muted)); max-width: 46.7em; }
.prompt-text { font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.prompt-text .k {
  display: inline-block;
  margin-right: 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgb(var(--c-muted));
}
.prompt-meta {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(var(--c-muted));
}
.prompt-observed { color: rgb(var(--c-muted)); }
.prompt-try a {
  display: inline-block;
  min-height: 44px;
  padding: 11px 0;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.prompt-note { display: block; color: rgb(var(--c-muted)); font-size: 0.875rem; }