.workbook-preview {
  display: flex;
  align-items: center;
  gap: clamp(12px, 3vw, 28px);
  width: min(91%, 700px);
  margin: clamp(18px, 4vw, 38px) auto;
  padding: clamp(12px, 2vw, 20px);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
}
.workbook-preview:hover {
  border-color: var(--accent);
}
.workbook-preview-covers {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 min(34%, 214px);
  min-width: 0;
}
.workbook-preview-covers img {
  display: block;
  width: calc((100% - 6px) / 2);
  height: auto;
  border-radius: 4px;
}
.workbook-preview-copy {
  display: grid;
  gap: 3px;
  line-height: 1.35;
}
.workbook-preview-copy strong {
  font-size: clamp(1rem, 2vw, 1.25rem);
}
.workbook-preview-copy span {
  color: var(--muted);
  font-size: .85rem;
}
.workbook-preview-copy b {
  color: var(--accent);
  font-size: .85rem;
}