/* Main container styling */
.fitness-article {
  font-family: 'Arial', sans-serif;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.6;
}

/* Headers */
.fitness-header {
  color: #1a5276;
  text-align: center;
  border-bottom: 2px solid #3498db;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

/* Section headers */
.section-header {
  color: #21618c;
  margin-top: 30px;
  margin-bottom: 15px;
}

/* Blockquotes */
.fitness-quote {
  border-left: 3px solid #2980b9;
  padding-left: 15px;
  color: #2874a6;
  font-style: italic;
  margin: 20px 0;
}

/* Info boxes */
.info-box {
  background-color: #eaf2f8;
  padding: 15px;
  border-radius: 5px;
  margin: 20px 0;
}

.info-box-dark {
  background-color: #d4e6f1;
}

/* Lists */
.fitness-list {
  color: #2874a6;
  padding-left: 20px;
}

.fitness-list li {
  margin-bottom: 8px;
}

/* Footer note */
.fitness-note {
  text-align: right;
  color: #7fb3d5;
  font-size: 0.9em;
  margin-top: 30px;
}
.workout-number {
            font-size: 34px;
            opacity: 0.8;
            margin-bottom: 5px;
        }
        .benefit {
            background: linear-gradient(to bottom, white, var(--light));
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            border-top: 4px solid var(--primary);
        }
        
        .benefit-title {
            color: var(--primary);
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 17px;
        }
.feature-box {
            flex: 1;
            min-width: 150px;
            background-color: #f8f9fa;
            padding: 15px;
            
            border-top: 1px solid #3498db;
        }
        
        .feature-title {
            color: #2c3e50;
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 15px;
        }
        
        .feature-desc {
            font-size: 14px;
            color: #555;
        }
.workout-header {
            background-color: #e7753c;
            color: white;
            padding: 10px;
            border-radius: 8px 8px 0 0;
            text-align: center;
        }
        
        .workout-title {
            font-size: 32px;
            margin: 0;
		text-align: center;
            text-transform: uppercase;
text-align: center;
        }
        
        .workout-subtitle {
            font-size: 20px;
	color: #2c3e50;
            margin: 5px 0 0;
            font-weight: normal;
text-align: center;
        }
        
        .trainer-info {
            background-color: #2c3e50;
            color: white;
            padding: 15px;
            text-align: center;
            font-style: italic;
        }
        
        .workout-container {
            background-color: white;
            border-radius: 0 0 8px 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 30px;
		line-height: 1;
        }
        
        .workout-description {
            font-size: 16px;
            line-height: 1;
            margin-bottom: 20px;
        }
        
        .workout-instructions {
            background-color: #f8f9fa;
            padding: 20px;
            border-left: 4px solid #e74c3c;
            margin: 20px 0;
        }
        
        .instruction-title {
            color: #e74c3c;
            font-weight: bold;
            margin-top: 0;
        }
        
        .instruction-list {
            margin-left: 20px;
        }
        
        .instruction-list li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 25px;
        }
        
        .instruction-list li:before {
            content: "•";
            color: #e74c3c;
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        
        .workout-tip {
            background-color: #f0f7ff;
            padding: 15px;
            border-left: 4px solid #3498db;
            margin: 20px 0;
            font-style: italic;
        }
.exercise-container {
            background-color: white;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }
        
        .exercise-title {
            color: #e74c3c;
            font-size: 28px;
            margin-top: 0;
            border-bottom: 2px solid #e74c3c;
            padding-bottom: 10px;
            text-transform: uppercase;
        }
        
        .exercise-steps {
            margin-left: 20px;
        }
        
        .exercise-steps li {
            margin-bottom: 15px;
            position: relative;
            list-style-type: none;
            padding-left: 30px;
        }
        
        .exercise-steps li:before {
            content: "→";
            color: #e74c3c;
            position: absolute;
            left: 0;
            font-weight: bold;
        }
.image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 колонки */
  gap: 15px;
 position: sticky;
  top: 60px;
  left: 0px;
}

.image-grid img {
  width: auto;
  height: auto;
}
/* Основные стили 
body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}*/

/* Заголовки */
.main-title {
  color: #e74c3c;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 10px;
  line-height: 1.2;
}

.subtitle {
  color: #2c3e50;
  font-size: 22px;
  margin-top: 0;
}

/* Авторская строка */
.author {
  text-align: right;
  font-style: italic;
  color: #7f8c8d;
  margin-bottom: 30px;
}

/* Цитата */
.highlight-block {
  background-color: #f8f9fa;
  padding: 20px;
  border-left: 4px solid #e74c3c;
  margin: 20px 0;
}

.highlight-text {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
}

/* Подзаголовки */
.section-title {
  color: #e74c3c;
  border-bottom: 2px solid #e74c3c;
  padding-bottom: 5px;
}

/* Акцентный текст */
.emphasis {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
}

/* Курсив для названий */
.journal {
  font-style: italic;
}