.content {
  word-break: break-all;
}

.content a {
  display: unset;
  word-break: break-all;
}

.content strong {
  font-weight: bold;
}

.content ol {
  list-style-type: decimal;
  padding-left: 40px;
}

.content ul {
  list-style-type: disc;
  padding-left: 40px;
}

.content .image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.content img {
  max-width: 100%;
}

.content .youtube {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}

.content .youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.content .play {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}

.content .play iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.content .play video {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.content table {
  width: 100%;
}

.content th,
.content td {
  padding: 10px;
  border: 1px solid #ddd;
}

.content th {
  background-color: #eee;
}

[data-theme='dark'] .content th,
[data-theme='dark'] .content td {
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid #000;
}

[data-theme='dark'] .content th {
  background-color: #222;
}