ol {
   /* margin-left:  15px;*/
   margin-left: 0;
}

.options {
    list-style-type: upper-alpha;
    padding-left: 0;
    /*margin-left: 5px;*/
}


.view-answer {
    text-decoration: underline;
}

.view-answer:hover {
    cursor: pointer;
}

.question img {
  width: 100%;
  max-width: 380px;
  height: auto;
}

.answer img {
  width: 100%;
  max-width: 380px;
  height: auto;
}

pre {
    white-space: pre-wrap;     /* Enable line wrapping */
    word-wrap: break-word;     /* Break long words if needed */
    overflow-x: auto;          /* Allow horizontal scroll if necessary */
    max-width: 100%;           /* Prevent overflow */
    box-sizing: border-box;    /* Include padding/borders in total width */
    font-size: 14px;
}

@media (max-width: 768px) {

  .question img {
    max-width: 200px;
    width: 100%;
  }

 .answer img {
    max-width: 200px;
    width: 100%;
  }

pre {
    white-space: pre-wrap;     /* Enable line wrapping */
    word-wrap: break-word;     /* Break long words if needed */
    overflow-x: auto;          /* Allow horizontal scroll if necessary */
    max-width: 100%;           /* Prevent overflow */
    box-sizing: border-box;    /* Include padding/borders in total width */
    font-size: 10px;
}
}