/* Title-specific colours and source-image treatments; the accepted layout is shared.css. */
body[data-book="fuelle"] {
  --ink: #432438; --ink-deep: #321c2b; --coral: #a74428; --coral-dark: #893720;
  --cream: #f7edda; --paper: #fffaf1; --blue-soft: #ecebdc; --muted: #685a61;
  --line: rgba(67, 36, 56, .18);
  background: radial-gradient(circle at 7% 12%, #dcaf6330, transparent 22rem), linear-gradient(#fffaf1, #f7edda 42%, #fffaf1);
}
body[data-book="hoffnung"] {
  --ink: #483723; --ink-deep: #2c2319; --coral: #856022; --coral-dark: #71511b;
  --cream: #f6ead5; --paper: #fffaf2; --blue-soft: #ece8de; --muted: #6c5e4b;
  --line: rgba(72, 55, 35, .2);
  background: radial-gradient(circle at 7% 12%, #d7b56a35, transparent 22rem), linear-gradient(#fffaf2, #f6ead5 42%, #fffaf2);
}
body[data-book="zoo"] {
  --ink: #194f53; --ink-deep: #143e40; --coral: #b4422d; --coral-dark: #963421;
  --cream: #fff1cb; --paper: #fffbed; --blue-soft: #e6ecd8; --muted: #516968;
  --line: rgba(25, 79, 83, .2); --serif: "Trebuchet MS", "Segoe UI", sans-serif;
  background: radial-gradient(circle at 7% 12%, #e3bd4333, transparent 22rem), linear-gradient(#fffbed, #fff1cb 42%, #fffbed);
}
.journey-current .section-tinted { background: var(--blue-soft); }
.journey-current :focus-visible { outline-color: var(--coral-dark); }
.story-art.original-art { border-radius: 0; box-shadow: none; }
.sheet-preview { display: block; width: min(100%, 340px); margin: 0 auto; }
.sheet-preview img { display: block; width: 100%; height: auto; border: 1px solid var(--line); box-shadow: var(--shadow); transform: rotate(1.3deg); }
.sheet-preview:hover img { transform: rotate(0); }
.animal-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.animal-strip figure { min-width: 0; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); }
.animal-strip img { display: block; width: 100%; height: auto; border-radius: 10px; }
.animal-strip figcaption { padding: 13px 0 5px; text-align: center; font-weight: 750; }
@media (max-width: 560px) {
  .animal-strip { grid-template-columns: 1fr; }
  .animal-strip figure { display: grid; grid-template-columns: minmax(0, 1fr) minmax(75px, .65fr); align-items: center; }
  .sheet-preview { width: min(90%, 320px); }
}