/* Buch – seiteneigene Ergänzungen */

/* Das Buch als Objekt ist hier kein Link, sondern ein Gegenstand */
span.book__obj { display: block; cursor: default; }

.book__text .numbers { margin: 2.2rem 0 1rem; }
.book__text .facts { max-width: 30rem; }
.book__text .cta { margin-top: 1.8rem; }
.buch-probe { margin-top: 1.4rem; color: var(--soft); max-width: 34rem; }
.buch-probe .quiet-link { display: inline-block; margin-top: .3rem; }

/* Route: die Kapitelnummer als ruhige Ziffer über dem Titel (echte Reihenfolge) */
.route .offer { padding-top: 1.3rem; }
.route__no {
  display: block;
  font: 250 2.2rem/1 var(--display);
  font-variation-settings: "opsz" 144;
  color: var(--faint);
  margin-bottom: .7rem;
}

/* Stimmen: zwei Rezensionen und der Screenshot der Bewertung */
.buch-voices { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, .8fr); align-items: start; }
.buch-voices .voice strong { color: var(--ink); font-weight: 500; }
.buch-voices .voice cite { font-style: normal; color: var(--faint); font-size: .92rem; }
.buch-rezensionen img { aspect-ratio: auto; object-fit: contain; background: #fff; border-radius: 2px; }
.buch-more { margin-top: 2.2rem; }

@media (max-width: 960px) {
  .buch-voices { grid-template-columns: 1fr; }
  .buch-rezensionen { max-width: 22rem; }
}

/* Fokus-Moment: die iX-Rezension als Zitat im Blick durch die Spirale */
.statement-quote { margin: 0; }
.statement-quote .statement { font-size: clamp(2rem, 3.6vw, 3.4rem); max-width: 22ch; margin-left: auto; margin-right: auto; }
.statement-quote cite { display: block; margin-top: .7rem; font-style: normal; font-size: .95rem; color: var(--faint); }
@media (max-width: 560px) { .statement-quote .statement { font-size: clamp(1.6rem, 7vw, 2.1rem); } }