}

/* Ландшафтная ориентация на мобильных */
@media (max-height: 500px) and (orientation: landscape) {
  p {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  
  p + p {
    margin-top: 10px;
  }
  
  /* Горизонтальное меню в ландшафтном режиме */
  ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  li {
    display: inline-block;
    width: auto;
    margin: 5px;
  }
  
  a {
    width: 150px; /* Фиксированная ширина */
    line-height: 2.2;
  }
}

/* Поддержка темной темы */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #f0f0f0;
  }
  
  h1 {
    color: #ff6b6b;
  }
  
  ul {
    background-color: #1e1e1e;
    border-bottom-color: #333;
  }
  
  a {
    color: #f0f0f0;
    background-color: #2d2d2d;
    border-color: #444;
  }
  
  a:link,
  a:visited,
  a:focus {
    background-color: #2d2d2d;
    color: #f0f0f0;
  }
  
  a:hover {
    background: blue;
    border-color: blue;
  }
  
  a:active {
    background: red;
    border-color: red;
  }
}

/* Дополнительные стили для кнопок */
.button-active {
  background: #a52a2a !important;
  color: white !important;
  border-color: #a52a2a !important;
}