/* ============================================================
   Корпорация Дирижаблей — мост между блоками Gutenberg и макетом
   Вывод the_content() оборачивается в .prose (.article-narrow на
   страницах). Блоки редактора получают свои классы (wp-block-*,
   alignwide/alignfull, alignleft/alignright). Здесь они сопоставлены
   со стилями, уже описанными в site.css для статической вёрстки.
   Подключать ПОСЛЕ site.css на страницах/записях с контентом.
   ============================================================ */

/* Цитата (core/quote, core/pullquote) → как .prose blockquote */
.prose .wp-block-quote{
  margin: 28px 0; padding: 18px 26px; border-left: 4px solid var(--accent);
  background: var(--paper); border-radius: 0 var(--r-md) var(--r-md) 0;
  font-size: 19px; color: var(--brand-ink); border-top:0; border-right:0; border-bottom:0;
}
.prose .wp-block-quote cite,
.prose .wp-block-quote__citation{ display:block; margin-top:10px; font-size:14px; font-style:normal; color: var(--muted); }

/* Таблица (core/table) → обёртка figure.wp-block-table, сама <table> уже стилизована в site.css */
.prose .wp-block-table{ margin: 26px 0; }
.prose .wp-block-table table{ width:100%; border-collapse: collapse; }
@media (max-width: 620px){
  .prose .wp-block-table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

/* Списки (core/list) уже наследуют .prose ul/ol; на случай отдельного класса */
.prose .wp-block-list{ margin: 0 0 20px; padding-left: 22px; }

/* Изображение во всю/широкую ширину (alignfull / alignwide) — повторяет .figure-full */
.prose .alignfull{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width:100vw; }
.prose .alignwide{ margin-left: calc(50% - min(50vw, 560px)); margin-right: calc(50% - min(50vw, 560px)); }
.prose .alignfull img, .prose .alignwide img,
.prose .alignfull .wp-block-image img, .prose .alignwide .wp-block-image img{
  width:100%; border-radius: var(--r-lg); border:1px solid var(--line);
}
.prose .alignfull figcaption, .prose .alignwide figcaption{ max-width:800px; margin-inline:auto; }

/* Изображение с обтеканием (alignleft / alignright) → как .prose .float-left/.float-right */
.prose .alignright{ float: right; width: 320px; max-width: 44%; margin: 6px 0 18px 28px; }
.prose .alignleft{ float: left; width: 320px; max-width: 44%; margin: 6px 28px 18px 0; }
.prose .alignright img, .prose .alignleft img{ border-radius: var(--r-md); width:100%; }
.prose .aligncenter{ margin-inline:auto; }
@media (max-width: 620px){
  .prose .alignright, .prose .alignleft{ float:none; width:100%; max-width:100%; margin: 0 0 20px; }
}

/* Обычное изображение-блок: подпись как figcaption макета */
.prose .wp-block-image{ margin: 28px 0; }
.prose .wp-block-image figcaption{ font-size: 13.5px; color: var(--muted-2); margin-top: 10px; }

/* Текст статичной страницы — во всю ширину контентной области
   (в static-page.html это было задано инлайн-<style>). */
.article-narrow,
.article-narrow.prose{ max-width: none; }
.figure-full figcaption{ color: var(--muted-2); font-size: 13.5px; margin-top: 10px; }