.edu-context {
  margin: 10px 0;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.5;
}

.edu-context > summary {
  width: fit-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid #925143;
  border-radius: 10px;
  color: #71382e;
  background: #fff9f7;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.edu-context > summary:hover { background: #ffede7; }
.edu-context > summary:focus-visible { outline: 3px solid #2b655e; outline-offset: 3px; }
.edu-context[data-exercise-context] > summary > span[class] {
  display: inline;
  color: inherit;
  font: inherit;
  text-transform: none;
  letter-spacing: normal;
}
.edu-context[data-exercise-context] > summary > span.edu-context__hide { display: none; }
.edu-context[data-exercise-context][open] > summary > span.edu-context__show { display: none; }
.edu-context[data-exercise-context][open] > summary > span.edu-context__hide { display: inline; }

.edu-context > p {
  margin: 8px 0 0;
  padding: 12px 14px;
  border-left: 3px solid #ad6250;
  border-radius: 0 10px 10px 0;
  background: #fff9f7;
  color: #36352f;
  font: inherit;
  overflow-wrap: anywhere;
}