.container {
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            padding: 10px;
            margin-bottom: 30px;

        }
        
        h1 {
            color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 20px;
            text-align: left;
            border-bottom: 3px solid #3498db;
            padding-bottom: 10px;
        }
        
        h2 {
            color: #3498db;
            font-size: 1.8rem;
            margin: 30px 0 15px 0;
            text-align: left;
        }
        
        p {
            margin-bottom: 15px;
            text-align: left;
        }
        
        .highlight {
            background-color: #e8f4fc;
            padding: 20px;
            border-left: 5px solid #3498db;
            margin: 20px 0;
            border-radius: 0 5px 5px 0;
        }
        
        .footnote {
            font-size: 0.9rem;
            color: #7f8c8d;
            margin-top: 30px;
            padding-top: 15px;
            border-top: 1px dashed #bdc3c7;
        }
        
        .principle-box {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
            .container {
                padding: 0px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 1.5rem;
            }
        }
 .highlight {
            background-color: #e8f4fc;
            padding: 20px;
            border-left: 5px solid #3498db;
            margin: 20px 0;
            border-radius: 0 5px 5px 0;
        }
        
        .footnote {
            font-size: 0.9rem;
            color: #7f8c8d;
            margin-top: 30px;
            padding-top: 15px;
            border-top: 1px dashed #bdc3c7;
        }
        
        .principle-box {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        .workout-table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        }
        
        .workout-table th {
            background-color: #3498db;
            color: white;
            text-align: left;
            padding: 12px 15px;
        }
        
        .workout-table td {
            padding: 12px 15px;
            border-bottom: 1px solid #e1e1e1;
        }
        
        .workout-table tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        
        .muscle-group {
            background-color: #f0f7ff;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #2980b9;
        }
        
        .tip-box {
            background-color: #fff9e6;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #f39c12;
        }
        
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
            .container {
                padding: 0px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 1.5rem;
            }
            
            h3 {
                font-size: 1.2rem;
            }
            
            .workout-table {
                font-size: 0.9rem;
            }
            
            .workout-table th, 
            .workout-table td {
                padding: 8px 10px;
            }
        }
.principle-box {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        .research-box {
            background-color: #fff0f0;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #e74c3c;
        }
        
        .findings-box {
            background-color: #f0fff0;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #2ecc71;
        }
        
        .conclusion-box {
            background-color: #fff9e6;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #f39c12;
        }
        
        .application-box {
            background-color: #e8f6f3;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #1abc9c;
        }
.week-section {
            margin: 30px 0;
            padding: 20px;
            background-color: #f8f9fa;
            border-radius: 8px;
        }
        
        .week-title {
            color: #2c3e50;
            font-size: 1.3rem;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .note-box {
            background-color: #e8f6f3;
            padding: 15px;
            border-radius: 5px;
            margin: 15px 0;
            border-left: 4px solid #1abc9c;
        }
.principle-box {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        .training-box {
            background-color: #f0f7ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #2980b9;
        }
        
        .technique-box {
            background-color: #fff9e6;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #f39c12;
        }
/* Главный заголовок — ТЁПЛЫЙ ЖЁЛТЫЙ ГРАДИЕНТ */
.main-title {
  font-size: clamp(3rem, 8.5vw, 4.8rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 1.0;
  background: linear-gradient(75deg, #FFD700, #FFA500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 1.6rem 0 1.8rem;
  position: relative;
  text-align: left;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.main-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #d32f2f; /* Ярко-красный акцент */
}

/* Подзаголовок */
.subtitle {
  font-size: clamp(1.3rem, 4.8vw, 2rem);
  font-weight: 700;
  color: #FFD700; /* Золотой */
  margin: 1.3rem 0 1.6rem;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  text-align: left;
  line-height: 1.3;
  border-left: 3px solid #d32f2f;
  padding-left: 12px;
}
@media (max-width: 768px) {
  body {
    padding: 20px;
  }

  .main-title {
    font-size: clamp(2.3rem, 11vw, 3rem);
    letter-spacing: -1.5px;
  }

  .quote {
    padding: 1.3rem 1.6rem;
  }

  .final-quote,
  .highlight-box {
    font-size: clamp(1.2rem, 6.2vw, 1.8rem);
    padding: 1.2rem;
  }

  .exercise-description {
    padding: 1.2rem;
    font-size: clamp(1rem, 3.8vw, 1.25rem);
  }
}
.argument-box {
            background-color: #fff0f0;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #e74c3c;
        }
        
        .evidence-box {
            background-color: #f0fff0;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #2ecc71;
        }
        
        .verdict-box {
            background-color: #fff9e6;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #f39c12;
        }
        
        .personal-experience {
            background-color: #e8f6f3;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #1abc9c;
        }
        
        .key-points {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        .key-points ul {
            margin-left: 20px;
            margin-bottom: 15px;
        }
        
        .key-points li {
            margin-bottom: 8px;
        }
 .anatomy-box {
            background-color: #e8f6f3;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border-left: 4px solid #1abc9c;
        }
.muscle-diagram {
            text-align: center;
            margin: 25px 0;
            padding: 20px;
            background-color: #f8f9fa;
            border-radius: 8px;
        }
.tips-box {
            background-color: #f5f9ff;
            padding: 25px;
            border-radius: 8px;
            margin: 25px 0;
            border: 1px solid #d6e4f0;
        }
        
        .tips-box ul {
            margin-left: 20px;
            margin-bottom: 15px;
        }
        
        .tips-box li {
            margin-bottom: 8px;
        }