/* CSS Reset */
          * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
          }

          :root {
              /* Цвета */
              --primary-green: #2d5a2d;
              --light-green: #4a7c4a;
              --accent-green: #5cb85c;

              --background-light: #f9f9f9;
              --background-dark: #e0e0e0;
              --text-dark: #333;
              --text-light: #666;
              --border-color: #ddd;
              --error-color: #e74c3c;
              --success-color: #27ae60;
          }

          /* Основные стили - Mobile First */
          body {
              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
              /* TODO: Заменил на системный шрифт, так как исходный шрифт не определяется четко */
              background-color: #f5f5f5;
              color: #333;
              line-height: 1.6;
          }

          .container_news {
              max-width: 1280px;
              margin: 0 auto;
              padding: 20px;
          }

          .header_news {
              margin-bottom: 30px;
          }

          .records-count {
              font-size: 18px;
              color: #666;
              margin-bottom: 20px;
          }

          /* Сетка семинаров */
          .seminars-grid {
              display: grid;
              grid-template-columns: 1fr;
              gap: 20px;
              margin-bottom: 40px;
          }

          .seminar-card {
              background: white;
              border-radius: 12px;
              overflow: hidden;
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
              transition: transform 0.2s ease, box-shadow 0.2s ease;
          }

          .seminar-card:hover {
              transform: translateY(-2px);
              box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
          }

          .seminar-card:focus-within {
              outline: 2px solid #4a90e2;
              outline-offset: 2px;
          }

          .seminar-image {
              width: 100%;
              height: 200px;
              object-fit: cover;
              display: block;
          }

          .seminar-content {
              padding: 20px;
          }

          .seminar-title {
              font-size: 16px;
              font-weight: 600;
              color: #333;
              margin-bottom: 15px;
              line-height: 1.4;
          }

          .seminar-footer {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 15px;
          }

          .seminar-date {
              font-size: 14px;
              color: #666;
          }

          .btn-details {
              background: transparent;
              border: 1px solid #ddd;
              color: #666;
              padding: 8px 16px;
              border-radius: 6px;
              font-size: 14px;
              cursor: pointer;
              transition: all 0.2s ease;
              text-decoration: none;
              display: inline-block;
          }

          .btn-details:hover,
          .btn-details:focus {
              border-color: #4a90e2;
              color: #4a90e2;
              background: rgba(74, 144, 226, 0.05);
              outline: none;
          }

          /* Пагинация */
          .pagination {
              display: flex;
              justify-content: center;
              gap: 8px;
              margin-top: 40px;
          }

          .pagination-item {
              width: 40px;
              height: 40px;
              border: 1px solid #ddd;
              background: white;
              color: #666;
              border-radius: 6px;
              display: flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              font-size: 14px;
              transition: all 0.2s ease;
          }

          .pagination-item:hover,
          .pagination-item:focus {
              border-color: var(--accent-green);
              color: var(--accent-green);
              outline: none;
          }

          .pagination-item.active {
              background: var(--accent-green);
              border-color: var(--accent-green);
              color: white;
          }

          /* Адаптивность */
          @media (min-width: 375px) {
              .container_news {
                  padding: 25px;
              }
          }

          @media (min-width: 768px) {
              .container_news {
                  padding: 30px;
              }

              .seminars-grid {
                  /* Изменение сетки на 2 колонки */
                  grid-template-columns: repeat(2, 1fr);
                  gap: 25px;
              }

              .seminar-image {
                  height: 220px;
              }

              .seminar-title {
                  font-size: 18px;
              }
          }

          @media (min-width: 1024px) {
              .container_news {
                  padding: 40px;
              }

              .seminars-grid {
                  grid-template-columns: repeat(3, 1fr);
                  gap: 30px;
              }

              .seminar-image {
                  height: 240px;
              }
          }

          @media (min-width: 1280px) {
              .seminars-grid {
                  gap: 35px;
              }

              .seminar-content {
                  padding: 25px;
              }
          }

          /* Accessibility */
          @media (prefers-reduced-motion: reduce) {
              .seminar-card {
                  transition: none;
              }
          }

          .sr-only {
              position: absolute;
              width: 1px;
              height: 1px;
              padding: 0;
              margin: -1px;
              overflow: hidden;
              clip: rect(0, 0, 0, 0);
              white-space: nowrap;
              border: 0;
          }