#everything { max-width: 780px; margin: 0 auto; }
#navbar { position: sticky; top: 0; background: white; z-index: 10; }
#maintable { width: 100%; border-collapse: collapse; }
#sidebar { width: 150px; vertical-align: top; font-size: 12px; }
#sidebar-inner { position: sticky; top: 30px; }
#maincol { vertical-align: top; padding-left: 12px; }
.beat-entry { display: flex; gap: 10px; margin: 8px 0; }
.beat-text { flex: 1; min-width: 0; }
.cover { width: 80px; height: 80px; object-fit: cover; }
.cover-big { width: 140px; height: 140px; object-fit: cover; }
audio { width: 100%; max-width: 250px; }
.ascii-title { font-size: 10px; line-height: 1.1; }
img { max-width: 100%; }

@media (max-width: 700px) {
  #maintable, #maintable tr, #maintable td { display: block; width: 100%; }
  #sidebar { width: 100%; }
  #maincol { padding-left: 0; }
}