/* Базовые адаптивные стили */
@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.4;
  }
  
  .container {
    padding: 0 15px;
  }
  
  table {
    font-size: 14px;
    overflow-x: auto;
    display: block;
  }
  
  /* Улучшение навигации для мобильных */
  .menu-item {
    display: block;
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #ddd;
  }
}

/* Улучшение читаемости на мобильных */
@media (max-width: 480px) {
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  p, li { font-size: 16px; }
}