.home .home-mascot { font-size: 60px; margin-bottom: 6px; }
.lesson-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px; margin-top: 28px;
}
.lesson-card {
  font-family: var(--font); text-align: left; cursor: pointer;
  background: #fff; border: none; border-radius: var(--radius);
  box-shadow: var(--shadow); padding: 22px; color: var(--ink);
  transition: transform .12s ease, box-shadow .12s ease;
}
.lesson-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(43, 51, 80, .18); }
.lesson-card:active { transform: translateY(0); }
.lesson-card .lc-emoji { font-size: 44px; }
.lesson-card h3 { margin: 8px 0 6px; }
.lesson-card p { font-size: 16px; color: var(--muted); margin: 0; line-height: 1.45; }

#btn-home {
  font-family: var(--font); font-weight: 800; font-size: 18px;
  border: none; border-radius: 12px; padding: 12px 18px; cursor: pointer;
  background: #fff; color: var(--ink); box-shadow: 0 4px 0 #e2dccf; margin-right: 10px;
}
#btn-home:disabled { opacity: .4; cursor: not-allowed; box-shadow: none; }
.nav-left { display: flex; align-items: center; }

.home-credit { margin-top: 30px; font-size: 15px; color: var(--muted); font-weight: 700; }
.home-credit a { color: var(--brand-shadow); text-decoration: none; border-bottom: 2px solid var(--brand); padding-bottom: 1px; }
.home-credit a:hover { color: var(--brand); }