.subtitle {
      text-align: center;
      font-size: 1.1rem;
      color: #666;
      margin-bottom: 2.5rem;
      font-style: italic;
    }

    .byline {
      text-align: center;
      font-size: 0.95rem;
      color: #777;
      margin-bottom: 2.5rem;
    }

    .section-title {
      font-size: 1.5rem;
      font-weight: 700;
      margin: 2.5rem 0 1rem;
      color: #222;
      border-bottom: 2px solid #eee;
      padding-bottom: 0.4rem;
    }

    .workout-table {
      width: 100%;
      border-collapse: collapse;
      margin: 2rem 0;
      background: #fafafa;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    .workout-table th,
    .workout-table td {
      padding: 1rem;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    .workout-table th {
      background: #e0f2fe;
      font-weight: 600;
      color: #026aa7;
      text-transform: uppercase;
      font-size: 0.9rem;
      letter-spacing: 0.5px;
    }

    .grade-box {
      background: #fffbeb;
      border-left: 4px solid #d97706;
      padding: 1rem 1.5rem;
      margin: 1.5rem 0;
      font-size: 1.2rem;
      font-weight: 700;
      color: #d97706;
      text-align: center;
      border-radius: 0 6px 6px 0;
    }

    .advice-box {
      background: #f0fdf4;
      border-left: 4px solid #10b981;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
      font-size: 1.05rem;
      color: #065f46;
    }

    .tip-box {
      background: #f5f3ff;
      border-left: 4px solid #a78bfa;
      padding: 1.2rem 1.5rem;
      margin: 2rem 0;
      border-radius: 0 6px 6px 0;
      font-size: 1rem;
      color: #5b21b6;
      font-weight: 600;
    }
@media (max-width: 768px) {
      body {
        padding: 1.5rem;
      }
      h1 {
        font-size: 2rem;
      }
      .workout-table th,
      .workout-table td {
        padding: 0.7rem 0.5rem;
        font-size: 0.9rem;
      }
    }
.byline {
      text-align: center;
      font-size: 0.95rem;
      color: #777;
      margin-bottom: 2.5rem;
      font-style: italic;
    }

    .quote-banner {
      background: #f0f5ff;
      border-left: 6px solid #0055aa;
      padding: 1.5rem 2rem;
      margin: 2.5rem 0;
      font-size: 1.25rem;
      font-weight: 600;
      color: #111;
      line-height: 1.5;
      border-radius: 0 8px 8px 0;
      text-align: center;
    }

    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;
    }

    .tip-box {
      background: #f5f3ff;
      border-left: 4px solid #a78bfa;
      padding: 1.2rem 1.5rem;
      margin: 2rem 0;
      border-radius: 0 6px 6px 0;
      font-size: 1rem;
      color: #5b21b6;
      font-weight: 600;
    }
 .core-crusher {
      background: #f0fdf4;
      border-left: 4px solid #10b981;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
      font-size: 1.05rem;
      color: #065f46;
    }

    .core-crusher strong {
      font-weight: 700;
    }
.tip-section {
      background: #fafafa;
      border-radius: 10px;
      padding: 2rem;
      margin: 2.5rem 0;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .tip-header {
      font-size: 1.4rem;
      font-weight: 700;
      color: #222;
      margin: 0 0 1rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #e0e0e0;
    }

    .tip-number {
      display: inline-block;
      background: #d32f2f;
      color: white;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      font-weight: 700;
      margin-right: 0.5rem;
      vertical-align: middle;
    }

    .tip-title {
      font-size: 1.2rem;
      font-weight: 700;
      color: #222;
      display: inline-block;
      vertical-align: middle;
    }
.myth-section {
      background: #fffbeb;
      border-left: 4px solid #d97706;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
    }

    .myth-header {
      font-size: 1.3rem;
      font-weight: 700;
      color: #d97706;
      margin: 0 0 0.5rem;
    }

    .fact-header {
      font-size: 1.1rem;
      font-weight: 700;
      color: #2e7d32;
      margin: 0.8rem 0 0.3rem;
    }
.instruction-box {
      background: #fffbeb;
      border-left: 4px solid #d97706;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
      font-size: 1.05rem;
      color: #996600;
    }

    .instruction-box strong {
      color: #d97706;
      font-weight: 600;
    }
.quote-box {
      background: #f8f9fa;
      border-left: 4px solid #0077cc;
      padding: 1.5rem 2rem;
      margin: 2rem 0;
      border-radius: 0 8px 8px 0;
      font-style: italic;
      font-size: 1.1rem;
      color: #444;
    }

    .quote-box strong {
      font-weight: 600;
      color: #005599;
    }
.warning-box {
      background: #fce7e7;
      border-left: 4px solid #c62828;
      padding: 1.5rem;
      margin: 2.5rem 0;
      border-radius: 0 8px 8px 0;
      font-size: 1.05rem;
      color: #c62828;
    }
.warning-container {
      max-width: 700px;
      background: #fce7e7;
      border: 2px solid #c62828;
      border-radius: 16px;
      padding: 3rem 2.5rem;
      box-shadow: 0 5px 25px rgba(198, 40, 40, 0.15);
      text-align: center;
      position: relative;
 margin: 2rem auto;

    }
.stop-sign {
      font-size: 2.5rem;
      font-weight: 800;
      color: #c62828;
      margin-bottom: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 2px;
    }
.message {
      font-size: 1.3rem;
      font-weight: 600;
      line-height: 1.6;
      color: #c62828;
      margin: 0;
    }