/* Default: desktop shows sidebar, hides dropdown */
.mbr-reader-compact { display: none; margin: 8px 0 0; }
.mbr-reader-select  {
  width: 100%;
  max-width: 560px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

/* Mobile: hide sidebar, show dropdown above content */
@media (max-width: 900px) {
  .mbr-reader-chapters { display: none; }
  .mbr-reader-compact { display: block; }
  .mbr-reader-body { grid-template-columns: 1fr !important; }
}