/* Tablet / iPad layout */
@media (min-width: 681px) and (max-width: 1024px) {
  .site-header {
    gap: 18px;
  }

  .nav-links {
    gap: 8px;
  }

  .hero h1 {
    font-size: 38px;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }

  .feature-grid,
  .course-grid,
  .article-grid,
  .pricing-grid,
  .stat-grid,
  .admin-page .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-page .admin-layout {
    grid-template-columns: 1fr;
  }
}