.formula {
  margin: 0 0.5em;
  background-color: #d7e8ec;
  border: solid 3px dodgerblue;
  text-align: center;
  padding: 0.5em 0.5em;
  font-size: 150%;
}

.sometype-mono-italic {
  font-family: "Sometype Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
}

.katex {
  font-size: inherit !important;
  font-family: "Sometype Mono", monospace !important;
}

div.question {
  font-family: "Sometype Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  position: relative;
  overflow: hidden;
  background-color: inherit;
  line-height: 1.2em;
  z-index: 10;
  font-size: 1.2em;
}

div.answer-blank {
  font-family: "Sometype Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: end;
  justify-content: end;
  border-bottom: 2px solid black;
}

div.example-title {
  font-size: 1.2em;
  font-variant: small-caps;
  color: white;
  background-color: dodgerblue;
  margin-bottom: 4px;
}

div.example-box {
  margin-left: 1px;
  margin-bottom: 6px;
  border: solid 1px dodgerblue;
  border-left: solid 6px dodgerblue;
  border-top: solid 3px dodgerblue;
  padding-bottom: 8px;
  border-radius: 2px;
}

div.solution-box, div.solution-row {
  margin-left: 1px;
  margin-bottom: 6px;
  border: solid 1px #d3076d;
  border-left: solid 6px #d3076d;
  border-top: solid 3px #d3076d;
  padding-bottom: 8px;
  border-radius: 2px;
}

div.solution-title {
  font-size: 1.2em;
  font-variant: small-caps;
  background-color: #d3076d;
  color: white;
}

div.test {
  font-size: 1.2em;
}

div.solution-text {
  color: black;
}

button.btn-solution {
  background-color: #d10d72;
  border: 1px solid #780842;
  color: white;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
button.btn-solution:hover, button.btn-solution:focus {
  background-color: #a10a58;
  border-color: #480528;
  color: white;
}

span.tour {
  background-color: white !important;
}

span.add-space {
  padding-bottom: 24px;
}

@media (min-width: 576px) {
  div.question::after {
    content: "----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------";
    display: inline-block;
    position: absolute;
    left: 10%;
    right: 0;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: -1; /* Ensures the dashes are behind the text */
    color: #000; /* Color of the dashes */
  }
}

/*# sourceMappingURL=wp.css.map */