.lesson-list{ display:grid; gap:.75rem; }

/* Button look */
.lesson-btn{
  display:block;
  width:100%;
  text-align:left;
  padding:.75rem 1rem;                 /* px-4 py-3 */
  background:#f3f4f6;                  /* gray-100 */
  border:1px solid #d1d5db;            /* gray-300 */
  border-radius:.5rem;
  text-decoration:none;
  transition: background-color .2s, border-color .2s;
  color:inherit;
}
.lesson-btn:hover{
  background:#eff6ff;                  /* blue-50-ish */
  border-color:#9ca3af;                /* gray-400 */
}

.lesson-title{ display:block; font-weight:600; font-size:1.125rem; }  /* text-lg */
.lesson-desc { color:#4b5563; font-size:.875rem; }                     /* text-sm */

@media (prefers-color-scheme: dark){
  .lesson-btn{
    background:#1f2937;                /* gray-800 */
    border-color:#4b5563;              /* gray-600 */
  }
  .lesson-btn:hover{ background:#374151; } /* dark hover */
  .lesson-desc{ color:#9ca3af; }            /* gray-400 */
}