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

    body {
      font-family: Arial, sans-serif;
      background: #f3faf5;
      color: #1f2d26;
      line-height: 1.5;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    img {
      max-width: 100%;
      display: block;
    }

    .container {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 15px;
    }

    /* ШАПКА */

    header {
      background: linear-gradient(90deg, #3ea56a, #7ecca0);
      color: white;
      padding: 14px 0;
      position: relative;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .logo {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
    }

    .logo-title {
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 1px;
    }

    .logo-subtitle {
      font-size: 12px;
      margin-top: 4px;
      opacity: 0.85;
      letter-spacing: 0.5px;
    }

    /* МЕНЮ */

    .menu-toggle {
      display: none;
      background: rgba(255,255,255,0.15);
      border: none;
      color: white;
      font-size: 26px;
      padding: 6px 12px;
      border-radius: 8px;
      cursor: pointer;
    }

    nav {
      background: #2e8c5b;
    }

    .nav-inner {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .menu {
      list-style: none;
      display: flex;
      gap: 10px;
      padding: 12px 0;
    }

    .menu li a {
      color: white;
      padding: 10px 16px;
      border-radius: 10px;
      transition: 0.3s ease;
      font-size: 15px;
    }

    .menu li a:hover {
      background: rgba(255,255,255,0.15);
    }

    /* HERO */

    .hero {
      padding: 50px 0 35px;
      text-align: center;
    }

    .hero h1 {
      font-size: 42px;
      margin-bottom: 14px;
      color: #246543;
    }

    .hero p {
      font-size: 18px;
      max-width: 820px;
      margin: 0 auto;
      color: #486054;
    }

    /* КАРТОЧКИ */

    .episodes {
      padding: 20px 0 60px;
    }

    .episodes-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .episode-card {
      background: white;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .episode-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 22px rgba(0,0,0,0.12);
    }

    .episode-image {
      height: 220px;
      overflow: hidden;
    }

    .episode-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .episode-content {
      padding: 18px;
    }

    .episode-title {
      font-size: 22px;
      margin-bottom: 12px;
      color: #205e3f;
    }

    .episode-description {
      font-size: 15px;
      color: #5a6d62;
    }

    /* ВНУТРЕННЯЯ СТРАНИЦА */

    .single-page {
      padding: 50px 0 70px;
    }

    .single-title {
      font-size: 40px;
      margin-bottom: 25px;
      color: #215d40;
    }

    .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      border-radius: 18px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.12);
      margin-bottom: 30px;
    }

    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .single-description {
      background: white;
      padding: 25px;
      border-radius: 18px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.08);
      color: #4b6055;
      font-size: 17px;
    }

    /* БЛОК ГОСТЯ */

    .guest-block {
      margin-top: 35px;
      background: white;
      border-radius: 18px;
      padding: 25px;
      display: flex;
      gap: 25px;
      align-items: center;
      box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    }

    .guest-photo {
      width: 220px;
      min-width: 220px;
      border-radius: 16px;
      overflow: hidden;
    }

    .guest-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .guest-info h2 {
      font-size: 30px;
      margin-bottom: 14px;
      color: #215d40;
    }

    .guest-info p {
      font-size: 16px;
      color: #55695d;
    }

    /* FOOTER */

    footer {
      background: #1d5d3d;
      color: rgba(255,255,255,0.9);
      text-align: center;
      padding: 22px 15px;
      margin-top: 20px;
    }

    /* АДАПТИВ */

    @media (max-width: 992px) {
      .episodes-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .hero h1 {
        font-size: 34px;
      }
    }

    @media (max-width: 768px) {
      .menu-toggle {
        display: block;
      }

      .nav-inner {
        flex-direction: column;
        align-items: stretch;
      }

      .menu {
        display: none;
        flex-direction: column;
        padding: 12px;
        gap: 8px;
      }

      .menu.active {
        display: flex;
      }

      .menu li a {
        display: block;
        background: rgba(255,255,255,0.08);
      }

      .episodes-grid {
        grid-template-columns: 1fr;
      }

      .hero h1 {
        font-size: 28px;
      }

      .single-title {
        font-size: 30px;
      }

      .guest-block {
        flex-direction: column;
        align-items: flex-start;
      }

      .guest-photo {
        width: 100%;
        min-width: 100%;
      }

      .guest-info h2 {
        font-size: 26px;
      }
    }

    @media (max-width: 480px) {
      .logo-title {
        font-size: 22px;
      }

      .logo-subtitle {
        font-size: 11px;
      }

      .hero {
        padding-top: 35px;
      }

      .episode-title {
        font-size: 20px;
      }

      .single-description {
        font-size: 16px;
      }
    }
	
/* НАВИГАЦИЯ ПО ВЫПУСКАМ */

/* НАВИГАЦИЯ ПО ВЫПУСКАМ */

.episode-navigation {
  display: flex;
  gap: 15px;
  margin: 25px 0 30px;
}

.episode-nav-button {
  flex: 1;
  background: #2e8c5b;
  color: white;
  padding: 16px 20px;
  border-radius: 14px;
  font-size: 16px;
  text-align: center;
  transition: 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  white-space: nowrap;
}

.episode-nav-button:hover {
  background: #246d47;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .episode-navigation {
    gap: 10px;
  }

  .episode-nav-button {
    font-size: 14px;
    padding: 14px 10px;
  }
}

.single-description p {
  margin-bottom: 18px;
}

.single-description p:last-child {
  margin-bottom: 0;
}