/* Стиль для заголовка в стиле изображения */
    .header-container {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      margin-bottom: 30px;
    }

    .text-header {
      font-size: 2.5rem;
      font-weight: bold;
      line-height: 1;
      letter-spacing: -1px;
      color: #000;
      text-transform: uppercase;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .text-header span.first {
      color: #d32f2f; /* Оранжево-красный цвет */
      font-size: 2.2rem;
    }

    .text-header span.second {
      color: #000;
      font-size: 2.8rem;
    }

    .text-header span.third {
      color: #d32f2f;
      font-size: 2.2rem;
    }

    .big-number {
      font-size: 10rem;
      font-weight: bold;
      color: #d32f2f;
      text-shadow: 
        4px 4px 0 #fff,
        8px 8px 0 #aaa;
      transform: rotate(-3deg);
      flex-shrink: 0;
      line-height: 1;
      position: relative;
    }

    

    .subtitle {
      font-size: 1.1rem;
      margin-top: 20px;
      margin-bottom: 30px;
      padding-left: 20px;
      border-left: 4px solid #d32f2f;
      font-weight: 500;
    }

    .author {
      text-align: center;
      font-style: italic;
      margin: 20px 0 30px;
      color: #777;
      font-size: 0.9rem;
      letter-spacing: 1px;
    }
.exercise {
      background: #fff;
      border-radius: 10px;
      padding: 25px;
      margin-bottom: 30px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      transition: transform 0.2s;
    }
    .exercise:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    }
    .exercise h2 {
      margin-top: 0;
      font-size: 1.4rem;
      color: #000;
      border-bottom: 2px solid #eee;
      padding-bottom: 10px;
    }
    .exercise p {
      margin: 0 0 15px;
      line-height: 1.6;
    }
    @media (max-width: 600px) {
      
      h1 {
        font-size: 1.4rem;
        margin-bottom: 25px;
      }
      .exercise {
        padding: 20px;
      }
      .exercise h2 {
        font-size: 1.2rem;
      }
    }

    p {
      margin-bottom: 1.4em;
      font-size: 1rem;
    }

    @media (max-width: 768px) {
      .header-container {
        flex-direction: column;
        align-items: center;
      }
      .text-header {
        font-size: 1.8rem;
        text-align: center;
      }
      .text-header span.first,
      .text-header span.second,
      .text-header span.third {
        font-size: 1.6rem;
      }
      .big-number {
        font-size: 6rem;
        transform: rotate(0);
      }
      .big-number::before {
        top: 5px;
        left: 5px;
      }
      .subtitle {
        font-size: 0.95rem;
        padding-left: 15px;
      }
    }
.note {
      background-color: #fff8e1;
      padding: 15px;
      border-left: 4px solid #ffc107;
      margin: 20px 0;
      border-radius: 4px;
    }
    .workout {
      background: #fff;
      border-radius: 10px;
      padding: 25px;
      margin-bottom: 30px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
 @media (max-width: 600px) {
      
      h1 {
        font-size: 1.6rem;
      }
      h2 {
        font-size: 1.3rem;
      }
      .workout {
        padding: 20px;
      }
    }

.day-header {
      background-color: #d32f2f;
      color: white;
      padding: 8px 15px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-top: 30px;
    }
    .workout-title {
      background-color: #333;
      color: white;
      padding: 10px 15px;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
      margin: 15px 0 20px;
    }
    .table {
      width: 100%;
      border-collapse: collapse;
      background: white;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      margin-bottom: 25px;
    }
    .table th {
      background-color: #ffeb3b;
      padding: 10px;
      text-align: left;
      font-weight: bold;
      font-size: 0.95rem;
      text-transform: uppercase;
    }
    .table td {
      padding: 10px;
      border-top: 1px solid #eee;
    }
    .note-box {
      background-color: #fff8e1;
      padding: 15px;
      border-left: 4px solid #ffc107;
      margin: 25px 0;
      border-radius: 4px;
      font-size: 0.9rem;
    }
    @media (max-width: 600px) {
      .table th, .table td {
        padding: 8px;
        font-size: 0.85rem;
      }
      .day-header {
        font-size: 0.9rem;
        padding: 6px 10px;
      }
      .workout-title {
        font-size: 1rem;
        padding: 8px;
      }
    }