.card { border-radius: 1rem; }
.list-group-item { border-radius: .75rem; }
.navbar-brand { letter-spacing: .2px; }


/* Cover thumbnails (lazy-loaded when Covers toggle is ON) */
.cover-thumb{
  width: 84px;
  height: 84px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--bs-secondary-bg);
  border: 1px solid var(--bs-border-color);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
}
.cover-thumb .cover-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none; /* only visible when loaded */
}
html.show-covers .cover-thumb .cover-img[src]{
  display: block;
}
.cover-thumb .cover-placeholder{
  font-size: .75rem;
  color: var(--bs-secondary-color);
}

/* Contrast boost: improves readability for muted text on some themes */
html.contrast-boost[data-bs-theme="dark"] .text-secondary,
html.contrast-boost[data-bs-theme="dark"] .text-muted{
  color: rgba(255,255,255,.72) !important;
}
html.contrast-boost[data-bs-theme="light"] .text-secondary,
html.contrast-boost[data-bs-theme="light"] .text-muted{
  color: rgba(0,0,0,.65) !important;
}

/* Fix Superhero specifically (muted text is too dim) */
html[data-theme-name="superhero"] .text-secondary,
html[data-theme-name="superhero"] .text-muted{
  color: rgba(255,255,255,.68);
}