/* ========== Reader ========== */
.cbp_reader-wrapper{
  position:relative;
  margin:2rem 0;
  border-radius:1rem;
  padding:2rem 3rem;
  background:#fff;
  color:#222;
  box-shadow:0px 0px 15px 10px rgba(0, 0, 0, .06);
  transition:background .25s,color .25s;
  font-size:var(--reader-font-size,18px);
  line-height:var(--reader-line-height,1.6);
}
.cbp_reader-dark .cbp_reader-wrapper{
  background:#1d1d1d;
  color:#eaeaea;
}
.cbp_reader-toolbar{
  display:flex;
  gap:0.75rem;
  align-items:center;
  position:absolute;
  top:0.75rem; right:0.75rem;
}
.cbp_reader-toolbar button{
  cursor:pointer;
  border:0;
  padding:0.5rem 0.75rem;
  border-radius:0.5rem;
  font:inherit;
  background:#f3f4f6;
}
.cbp_reader-dark .cbp_reader-toolbar button{background:#2a2a2a;color:#eaeaea;}
.cbp_reader-progress{
  width:100%;
  height:4px;
  margin-top:1.5rem;
  background:#e5e7eb;
  border-radius:2px;
  overflow:hidden;
}
.cbp_reader-progress>div{
  height:100%;
  background:#3b82f6;
  width:0;
}
.cbp_reader-dark .cbp_reader-progress{background:#444;}
.cbp_reader-dark .cbp_reader-progress>div{background:#60a5fa;}




.cbp_live-results.cbp_hidden {
  display: none;
}
.cbp_live-results {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  max-height: 60vh;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 50;
}
.cbp_live-results .cbp_item {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #eee;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.cbp_live-results .cbp_item:last-child {
  border-bottom: none;
}
.cbp_live-results .cbp_item img {
  width: 40px;
  height: 60px;
  object-fit: cover;
  border-radius: 2px;
}
.cbp_live-results .cbp_item .cbp_info {
  flex: 1;
}
.cbp_live-results .cbp_item .cbp_info h4 {
  margin: 0;
  font-size: 0.95rem;
}
.cbp_live-results .cbp_item .cbp_info p {
  margin: 0.3rem 0 0;
  font-size: 0.85rem;
  color: #555;
}