.article-cover {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 100%;
    margin: 40px auto;
    padding: 0 20px;
    color: #222;
    line-height: 1.65;
  }

  .headline {
    font-family: 'Impact', sans-serif;
    font-size: 52px;
    font-weight: bold;
    text-align: left;
    margin: 20px 0;
    color: #222;
    letter-spacing: -1px;
  }

  .subhead {
    font-family: 'Georgia', serif;
    font-size: 38px;
    font-weight: bold;
    text-align: left;
    margin: 0 0 20px;
    color: #222;
    background: linear-gradient(90deg, #e2e8f0, #cbd5e0);
    padding: 10px 15px;
    display: inline-block;
  }

  .byline {
    font-size: 14px;
    color: #718096;
    margin-bottom: 20px;
  }

  .intro-quote {
    font-size: 17px;
    font-style: italic;
    color: #2c5282;
    border-left: 4px solid #3182ce;
    padding: 12px 16px;
    margin: 20px 0;
  }

  .body-text {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
  }

  .dropcap {
    font-size: 56px;
    font-weight: bold;
    float: left;
    line-height: 1;
    margin-right: 8px;
    color: #1a365d;
  }

.body-text {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
  }

  .pull-quote {
    font-style: italic;
    color: #2b6cb0;
    margin: 18px 0;
    padding-left: 10px;
    border-left: 2px solid #cbd5e0;
  }

  .exercise-title {
    font-size: 20px;
    font-weight: bold;
    color: #2c5282;
    margin: 30px 0 14px;
    padding-bottom: 6px;
    border-bottom: 2px solid #e2e8f0;
  }

  .exercise-meta {
    background-color: #f8fafc;
    padding: 10px 15px;
    margin-bottom: 12px;
    border-radius: 4px;
    font-size: 15px;
    color: #4a5568;
  }

  .exercise-instruction {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
  }

  .note-box {
    background-color: #fef3c7;
    padding: 12px;
    border-radius: 6px;
    margin: 20px 0;
    font-style: italic;
    color: #744210;
  }