.content p {
  margin-bottom: 2em;
}

.content a,
.post-content a,
.page-content a {
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;        /* Для WebKit/Blink */
  -ms-hyphens: auto;            /* Для IE/Edge */
  hyphens: auto;                /* Для остальных */
}

.content code {
  background-color: #f5fffa;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  color: #333333;
}

.content pre {
  white-space: pre-wrap !important;
  word-break: break-all !important;
  overflow-x: hidden !important;
  font-size: 14px;
  line-height: 1.4;
  background-color: #f5fffa;
  margin-bottom: 4em;
  padding: 1em;
  border-radius: 3px;
}

/* Для маленьких экранов уменьшаем шрифт */
@media (max-width: 768px) {
  .content pre {
    font-size: 12px;
    padding: 0.75em;
  }
  
  .content a,
  .post-content a,
  .page-content a {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    display: inline-block !important;
    max-width: 100% !important;
  }
}

figure, video, audio {
  margin: 0em auto 4em;
}