.byline {
      text-align: center;
      font-size: 0.95rem;
      color: #777;
      margin-bottom: 2.5rem;
      font-style: italic;
    }

    .quote-box {
      background: #f8f9fa;
      border-left: 4px solid #0077cc;
      padding: 1.5rem 2rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
      font-style: italic;
      font-size: 1.1rem;
      color: #444;
    }

    .quote-box strong {
      font-weight: 600;
      color: #005599;
    }

    p {
      font-size: 1.05rem;
      margin-bottom: 1.4rem;
      text-align: justify;
      color: #444;
    }

    .highlight {
      background: #fff8e6;
      border: 1px solid #ffecb3;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 8px;
      font-weight: 600;
      color: #d35400;
      text-align: center;
      font-size: 1.1rem;
    }

    .section-break {
      margin: 3rem 0;
      text-align: center;
      font-weight: 600;
      color: #888;
      font-size: 1.2rem;
    }
.container {
            max-width: 1200px;
            margin: 0 auto;
            background-color: rgba(255, 255, 255, 0.97);
            border-radius: 20px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
            overflow: hidden;
        }
        
        header {
            background: linear-gradient(to right, #2c3e50, #4ca1af);
            color: white;
            padding: 30px 20px;
            text-align: center;
        }
.subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            margin-bottom: 15px;
        }
        
        .content {
            padding: 30px;
        }
        
        .workout-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .exercise {
            background: linear-gradient(to bottom, #f8f9fa, #e9ecef);
            border-radius: 15px;
            padding: 25px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .exercise:hover {
            transform: translateY(-5px);
        }
        
        .exercise h2 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.6rem;
            border-bottom: 2px solid #4ca1af;
            padding-bottom: 10px;
        }
        
        .exercise p {
            line-height: 1.6;
            margin-bottom: 15px;
            font-size: 1.05rem;
        }
         .program {
            background-color: #fff4e6;
            border-left: 5px solid #ffa94d;
            padding: 25px;
            border-radius: 0 15px 15px 0;
            margin: 40px 0;
        }
        
        .program h2 {
            color: #e67700;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .program h2 svg {
            margin-right: 10px;
        }
        
        .program p {
            line-height: 1.6;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        
        .program ul {
            padding-left: 20px;
            margin-bottom: 15px;
        }
        
        .program li {
            margin-bottom: 8px;
        }
.quote-container {
      max-width: 700px;
      background: #fafafa;
      border-radius: 16px;
      padding: 3rem 2.5rem;
      box-shadow: 0 5px 25px rgba(0,0,0,0.08);
      text-align: center;
      position: relative;
 margin: 40px auto;

    }
.quote {
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1.6;
      color: #111;
      margin: 0;
      position: relative;
      padding: 0 1rem;
    }

    .quote:before {
      content: “”;
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 4rem;
      color: #d32f2f;
      opacity: 0.2;
      font-family: Georgia, serif;
    }

    .author {
      font-size: 1.1rem;
      font-weight: 600;
      color: #d32f2f;
      margin-top: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .explanation {
      background: #f0f9ff;
      border-left: 4px solid #0077cc;
      padding: 1.5rem;
      margin-top: 2.5rem;
      border-radius: 0 10px 10px 0;
      font-size: 1.1rem;
      color: #444;
      text-align: left;
    }

    .explanation p {
      margin: 0;
    }
 .workout-table {
      width: 100%;
      border-collapse: collapse;
      margin: 2.5rem 0;
      background: #fafafa;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 3px 12px rgba(0,0,0,0.06);
    }

    .workout-table th,
    .workout-table td {
      padding: 1.2rem 1rem;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    .workout-table th {
      background: #e0f2fe;
      font-weight: 700;
      color: #026aa7;
      text-transform: uppercase;
      font-size: 0.95rem;
      letter-spacing: 0.5px;
    }

    .workout-table tr:last-child td {
      border-bottom: none;
    }
