/*
 * Содержимое записей и страниц (the_content): выравнивание и подписи классов ядра WordPress,
 * таблицы, цитаты, комментарии. Только токены из tokens.css.
 */

.op-entry__media {
  margin-bottom: var(--space-8);
}

.op-content > :last-child {
  margin-bottom: 0;
}

.op-content :where(h2, h3, h4) {
  margin-top: var(--space-8);
}

.op-content :where(ul, ol) {
  padding-left: var(--space-6);
}

.op-content :where(blockquote) {
  margin-inline: 0;
  padding-left: var(--space-4);
  border-left: var(--border-width-strong) solid var(--color-decor);
  color: var(--color-text);
}

.op-content :where(figcaption, .wp-caption-text) {
  margin-top: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-caption);
  line-height: var(--leading-snug);
}

.op-content :where(table) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.op-content :where(th, td) {
  padding: var(--space-2) var(--space-3);
  border: var(--border-width) solid var(--color-border);
  text-align: left;
}

.op-content :where(iframe, video, embed, object) {
  max-width: 100%;
}

/* Выравнивание, которое вставляет редактор */
.op-content .aligncenter {
  margin-inline: auto;
}

.op-content .alignleft,
.op-content .alignright {
  margin-bottom: var(--space-4);
}

@media (min-width: 48rem) {
  .op-content .alignleft {
    float: left;
    margin-right: var(--space-6);
  }

  .op-content .alignright {
    float: right;
    margin-left: var(--space-6);
  }
}

.op-content::after {
  content: "";
  display: block;
  clear: both;
}

/* Разбивка записи на страницы (wp_link_pages) */
.op-page-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-6);
}

/* Класс ядра WordPress для скрытого текста (заголовки пагинации и навигации) */
.screen-reader-text {
  position: absolute;
  width: var(--border-width);
  height: var(--border-width);
  margin: calc(var(--border-width) * -1);
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Комментарии: минимум, без собственного оформления */
.op-comments {
  margin-top: var(--space-12);
}

.op-comments__list {
  margin: 0 0 var(--space-6);
  padding: 0;
  list-style: none;
}

.op-comments__list .children {
  padding-left: var(--space-6);
  list-style: none;
}