#panel-read { align-items: stretch; justify-content: flex-start; min-height: 0; }

.read-modebar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  flex: 0 0 auto; padding: 0 0 10px;
}
 
.read-mode-title {
  margin: 0; font-size: 0.95rem; font-weight: 700; color: var(--text);
  white-space: nowrap;
}
 
.read-submode-chips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }

 
.read-sub { flex: 1 1 auto; min-height: 0; display: none; }
.read-sub.active { display: flex; flex-direction: column; min-height: 0; }

 
body.sr-reading .read-modebar { display: none; }
body:has(#panel-stories.active #rp-reader-view:not(.rp-hide)) .read-modebar { display: none; }