.reading-feedback {
  position: relative;
  z-index: 1;
  margin: 34px 0 10px;
  padding: 22px 0 4px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 28px;
  align-items: center;
  border-top: 1px solid rgba(94, 61, 30, .22);
}
.reading-feedback span {
  display: block;
  margin-bottom: 5px;
  color: #704a27;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.reading-feedback strong {
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.18rem;
  font-weight: 400;
  line-height: 1.35;
}
.reading-feedback-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.reading-feedback button {
  min-height: 42px;
  padding: .62rem .9rem;
  border: 1px solid rgba(90, 58, 31, .34);
  border-radius: 999px;
  color: #5a3b25;
  background: rgba(255, 255, 255, .11);
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.reading-feedback button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: #82562d;
  background: rgba(112, 74, 37, .09);
}
.reading-feedback button.selected {
  border-color: #68401f;
  color: #f8eedb;
  background: #68401f;
}
.reading-feedback button:disabled { cursor: default; opacity: .72; }
.reading-feedback small {
  grid-column: 1 / -1;
  min-height: 1.2em;
  color: #765d47;
}
@media (max-width: 650px) {
  .reading-feedback { grid-template-columns: 1fr; }
  .reading-feedback-actions { justify-content: flex-start; }
  .reading-feedback button { flex: 1 1 140px; }
}
@media print {
  .reading-feedback { display: none !important; }
}