/* Pencerita — compact informational links for the reader sidebar. */
.reader-app .sidebar-info-section{
  margin:14px 2px 4px;
  padding:12px 8px 2px;
  border-top:1px solid var(--ck-line,#edf0f3);
}
.reader-app .sidebar-info-title{
  margin:0 4px 8px;
  color:var(--ck-muted,#98a2b3);
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.reader-app .sidebar-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 4px;
}
.reader-app .sidebar-info-link{
  min-width:0;
  display:flex;
  align-items:center;
  min-height:30px;
  padding:5px 5px;
  border-radius:8px;
  color:var(--ck-muted,#667085);
  font-size:11px;
  line-height:1.25;
  font-weight:650;
  transition:background .16s ease,color .16s ease;
}
.reader-app .sidebar-info-link:hover{
  background:var(--ck-hover,#f5f9fe);
  color:var(--ck-text,#162033);
}
.reader-app .sidebar-info-link:focus-visible{
  outline:2px solid rgba(24,119,242,.28);
  outline-offset:1px;
}
html[data-theme="dark"] .reader-app .sidebar-info-section{border-top-color:var(--ck-line,#26364b)}
html[data-theme="dark"] .reader-app .sidebar-info-link{color:var(--ck-muted,#aebed0)}
html[data-theme="dark"] .reader-app .sidebar-info-link:hover{background:var(--ck-hover,#17263a);color:var(--ck-text,#f4f7fb)}
@media (min-width:1101px){
  body.sidebar-collapsed .reader-app .sidebar-info-section,
  body.sidebar-collapsed .sidebar-info-section{display:none!important}
}
@media (max-width:420px){
  .reader-app .sidebar-info-grid{grid-template-columns:1fr 1fr;gap:1px 3px}
  .reader-app .sidebar-info-link{font-size:10.5px;min-height:29px;padding:5px 4px}
}