/* Info box styling */
.info-box {
  background-color: #e6f2ff; /* light blue background */
  width: 100%; /* full width */
  box-sizing: border-box; /* include padding in width */
  padding: 12px; /* inner padding */
  font-size: 12px; /* small text */
  line-height: 1.2; /* small line spacing */
  border-radius: 0; /* square corners */
  border: 1px solid #ccc; /* optional border for visibility */
  margin-top: 16px; /* spacing above the box */
  transition: background-color 0.3s ease; /* smooth transition on hover */
}

/* Paragraph spacing inside the box */
.info-box p {
  margin: 4px 0; /* small margin between paragraphs */
}

/* Strong labels for Formula, Example, Explanation */
.info-box strong {
  font-weight: bold; /* keep label bold */
}

/* Hover effect for info box */
.info-box:hover {
  background-color: #d0e4ff; /* slightly darker light blue */
}