.highlight-box {
  background-color: #f0f7ff;       /* Light blue background */
  border-left: 6px solid #0076ff;  /* Thick accent border on the left */
  border-radius: 4px;              /* Softened corners */
  padding: 16px 20px 6px 20px;              /* Internal spacing */
  margin: -20px 0;                  /* Vertical spacing outside the box */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow for depth */
}

/* Optional typography styling */
.highlight-box h3 {
  margin-top: 0;
  color: #0056b3;
  font-family: sans-serif;
}

.highlight-box p {
  margin-bottom: 0;
  color: #333333;
  font-family: sans-serif;
  line-height: 1.5;
}

  .p33-about {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: auto;
    color: #222;
    box-sizing: border-box;
  }

  .p33-about *,
  .p33-about *::before,
  .p33-about *::after {
    box-sizing: border-box;
  }

  .p33-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.42fr);
    column-gap: 22px;
    align-items: start;
  }

  .p33-column {
    min-width: 0;
  }

  .p33-divider {
    width: 1px;
    height: 100%;
    min-height: 100%;
    background: #e7d9b8;
  }

  .p33-about h2 {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    color: #222;
  }

  .p33-about p {
    margin: 0 0 18px;
  }

  .p33-about a {
    color: #064f91;
    text-decoration: none;
  }

  .p33-about a:hover {
    text-decoration: underline;
  }

  .p33-sponsors {
    margin: 8px 0 20px 20px;
    padding: 0;
  }

  .p33-sponsors li {
    margin: 0 0 3px;
    padding-left: 2px;
    line-height: 1.35;
  }

  .p33-note {
    margin-top: 22px;
  }

  .p33-question {
    margin-top: 24px;
    padding-top: 14px;
    border-top: 1px solid #e5e5e5;
  }

  .p33-question-title {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
  }

  @media (max-width: 600px) {

.highlight-box {
  background-color: #f0f7ff;       /* Light blue background */
  border-left: 6px solid #0076ff;  /* Thick accent border on the left */
  border-radius: 4px;              /* Softened corners */
  padding: 16px 20px 6px 20px;              /* Internal spacing */
  margin: -20px 0;                  /* Vertical spacing outside the box */
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow for depth */
}

/* Optional typography styling */
.highlight-box h3 {
  margin-top: 0;
  color: #0056b3;
  font-family: sans-serif;
}

.highlight-box p {
  margin-bottom: 0;
  color: #333333;
  font-family: sans-serif;
  line-height: 1.5;
}
    .p33-about {
      padding: 0 12px;
      font-size: 16px;
      line-height: 1.55;
    }

    .p33-grid {
      display: block;
    }

    .p33-divider {
      width: 100%;
      height: 1px;
      min-height: 0;
      margin: 25px 0;
      background: #e7d9b8;
    }

    .p33-about h2 {
      font-size: 16px;
    }

    .p33-about p {
      margin-bottom: 20px;
    }

    .p33-sponsors {
      margin-left: 22px;
      padding-right: 4px;
    }

    .p33-sponsors li {
      margin-bottom: 5px;
    }

    .p33-question {
      margin-bottom: 20px;
    }
  }