/* Buchseite, ergänzend zu style-v4.css. Nutzt die bestehenden v4-Tokens. */

.v4-buch .buch-cover-rahmen {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.v4-buch .buch-cover-rahmen img {
  width: 100%;
  max-width: 320px;
  height: auto;
  border-radius: var(--v4-radius-card);
  border: 1px solid var(--v4-border);
  box-shadow: 0 12px 32px rgba(11, 23, 38, 0.14);
}

.v4-buch .buch-hinweis-kurz {
  margin-top: var(--v4-space-2);
  color: var(--v4-text-secondary);
  font-size: 0.875rem;
}

.v4-buch .buch-ausgaben .v4-karte {
  display: flex;
  flex-direction: column;
  gap: var(--v4-space-2);
}

.v4-buch .buch-ausgaben .v4-karte .v4-btn,
.v4-buch .buch-ausgaben .v4-karte .v4-textlink {
  margin-top: auto;
  align-self: flex-start;
}

.v4-buch .buch-karte-probe {
  border-style: dashed;
}

.v4-buch .buch-autor {
  max-width: 68ch;
}

@media (max-width: 720px) {
  .v4-buch .buch-cover-rahmen {
    order: -1;
    margin-bottom: var(--v4-space-3);
  }
  .v4-buch .buch-cover-rahmen img {
    max-width: 220px;
  }
}

.v4-buch .buch-hero-raster { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--v4-space-6); align-items: start; }
.v4-buch .v4-liste { padding-left: 1.25rem; margin-block: var(--v4-space-2) var(--v4-space-3); }
.v4-buch .v4-liste li { margin-bottom: var(--v4-space-1); }
.v4-buch .v4-kernsatz { margin-top: var(--v4-space-4); max-width: 68ch; }
.v4-buch .v4-belege.buch-hinweis-kurz { display: block; }
@media (max-width: 720px) {
  .v4-buch .buch-hero-raster { grid-template-columns: minmax(0, 1fr); }
}