/*
Theme Name: Дальний Космос
Theme URI: https://dalniycosmos.ru/
Author: Дальний Космос
Description: Тема сайта «Дальний Космос — сообщество любителей астрономии». Гибрид: шапка, меню и футер — общие PHP-шаблоны, содержимое страниц — блоки Гутенберга (категория «Дальний Космос»), токены дизайн-системы — assets/css/tokens.css.
Version: 0.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: Proprietary
Text Domain: dalniycosmos
*/

/* Базовые стили: assets/css/tokens.css → site.css → wp.css.
   Ниже — только содержимое общего шаблона «Статья» и его блоки в редакторе. */

.dc-article-page { padding-top:26px; }
.dc-article-page .dc-breadcrumbs ol { margin-bottom:26px; font-size:12px; }
.dc-article-page .dc-article-heading { max-width:970px; padding:14px 0 36px; }
.dc-article-page .dc-article-heading h1 { max-width:660px; margin:18px 0 22px; font-size:var(--dc-type-heading-promo-size); font-weight:500; line-height:1.14; letter-spacing:-1.4px; text-wrap:balance; }
.dc-article-page .dc-article-columns { display:grid; margin-top:44px; }
.dc-article-page .dc-article-toc { position:sticky; top:calc(96px + var(--wp-admin--admin-bar--height, 0px)); align-self:start; border-top:1px solid var(--dc-color-line); }
.dc-article-page .dc-article-toc summary { list-style:none; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; }
.dc-article-page .dc-article-toc summary::-webkit-details-marker { display:none; }
.dc-article-page .dc-article-toc summary::after { content:' +'; float:right; color:var(--dc-color-accent-warm); }
.dc-article-page .dc-article-toc[open] summary::after { content:' −'; }
.dc-article-page .dc-article-toc ol { display:grid; padding:0; list-style:none; }
.dc-article-page .dc-article-toc ol a { display:block; color:var(--dc-color-text-muted); }
.dc-article-page .dc-article-toc ol a span { margin-right:5px; }
.dc-article-page .dc-article-topic-back { display:block; border-top:1px solid var(--dc-color-line); font-size:12px; color:var(--dc-color-text-muted); }
.dc-article-page :is(.dc-article-toc a, .dc-article-next a, .dc-article-end a):hover { color:var(--dc-color-accent-warm); }
.dc-article-page .dc-article-reading { min-width:0; }
.dc-article-page .dc-article-body { min-width:0; overflow-wrap:break-word; }
.dc-article-page .dc-article-body > * + *,
.editor-styles-wrapper .dc-article-section > * + *,
.dc-article-page .dc-article-section > * + * { margin-top:20px; }
.dc-article-page .dc-article-body > :is(h2, .dc-article-section) + .dc-article-section { margin-top:48px; }
.dc-article-page .dc-article-body > .dc-article-section:first-child { margin-top:0; }
.dc-article-page .dc-article-body > h2 { margin-top:48px; }
.dc-article-page .dc-article-body > h2:first-child { margin-top:0; }
.dc-article-page .dc-article-body h2,
.editor-styles-wrapper .dc-article-section h2 { margin-bottom:20px; font-size:var(--dc-type-heading-sub-size); line-height:1.24; font-weight:500; letter-spacing:-.6px; text-wrap:balance; }
.dc-article-page .dc-article-body h2 { scroll-margin-top:calc(110px + var(--wp-admin--admin-bar--height, 0px)); }
.dc-article-page .dc-article-body p,
.editor-styles-wrapper .dc-article-section p { font-size:calc(var(--dc-type-text-size) + 1px); line-height:1.8; }
.dc-article-page .dc-article-body :is(ul,ol) { padding-left:20px; }
.dc-article-page .dc-article-body li + li { margin-top:12px; }
.dc-article-page .dc-article-body a { color:var(--dc-color-accent); text-decoration:underline; text-underline-offset:4px; }
.dc-article-page .dc-article-body a:hover { color:var(--dc-color-accent-warm); }
.dc-article-page .dc-article-body img { max-width:100%; height:auto; }
.dc-article-page .dc-article-body .alignwide { width:100%; margin-inline:0; }
.dc-article-page .dc-article-body :is(pre, .wp-block-table) { max-width:100%; overflow-x:auto; }
.dc-article-page .dc-article-body figcaption { color:var(--dc-color-text-muted); font-size:12px; line-height:1.6; }

/* Редактируемые варианты блоков доступны в переключателе «Стили». */
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts { margin-top:26px; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:14px; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts :is(th,td) { padding:14px 16px; border:0; border-bottom:1px solid var(--dc-color-line); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts thead { border:0; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts thead th { background:var(--dc-color-surface); color:var(--dc-color-text-muted); font-size:12px; font-weight:600; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts tbody th { font-weight:500; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts tbody td { font-weight:700; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts tbody td:first-child { font-weight:500; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts figcaption { caption-side:top; margin:0 0 14px; padding:0; color:var(--dc-color-text-muted); font-size:12px; text-align:left; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts { display:flex; flex-direction:column; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-facts figcaption { order:-1; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-callout { padding:4px 0 4px 24px; margin-top:28px; border-left:2px solid var(--dc-color-accent-warm); }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-callout p { font-size:15px; line-height:1.8; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-callout p + p { margin-top:8px; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-callout p:first-child { color:var(--dc-color-text-warm); font-size:12px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-sources { color:var(--dc-color-text-muted); font-size:10px; line-height:1.45; padding-left:1.8em; margin-top:12px; }
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .dc-article-sources li + li { margin-top:3px; }
@media(max-width:760px) { :is(.dc-article-page, .editor-styles-wrapper) .dc-article-sources { font-size:9.5px; } }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-section sup { font-size:.68em; line-height:0; vertical-align:super; white-space:nowrap; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-section sup a { text-decoration:none; padding:0 .08em; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-section sup a:hover, :is(.dc-article-page, .editor-styles-wrapper) .dc-article-section sup a:focus-visible { text-decoration:underline; }
.dc-article-page .dc-article-sources li { scroll-margin-top:120px; }
.dc-article-page .dc-article-sources li:target { color:var(--dc-color-text); background:color-mix(in srgb, var(--dc-color-accent) 14%, transparent); border-radius:4px; }
.dc-article-page .dc-article-next { display:grid; grid-template-columns:150px 1fr; gap:24px; align-items:center; margin-top:56px; padding-top:28px; border-top:1px solid var(--dc-color-line); }
.dc-article-page .dc-article-next--text { grid-template-columns:1fr; }
.dc-article-page .dc-article-next img { width:100%; height:auto; aspect-ratio:1.2; object-fit:cover; background:var(--dc-night-overlay); border-radius:var(--dc-radius-sm); }
.dc-article-page .dc-article-next h3 { margin-top:8px; font-size:var(--dc-type-heading-card-lg-size); font-weight:600; line-height:1.35; letter-spacing:-.6px; text-wrap:balance; }
.dc-article-page .dc-article-next-link { display:inline-flex; align-items:center; gap:18px; min-height:44px; margin-top:8px; font-size:14px; font-weight:700; color:var(--dc-color-accent-warm); }
.dc-article-page .dc-article-next-link span { font-size:20px; }
.dc-article-page .dc-article-end { margin-top:26px; font-size:13px; }

@media(max-width:900px) {
  .dc-article-page .dc-article-toc { position:static; }
  .dc-article-page .dc-article-toc ol { grid-template-columns:repeat(2,1fr); }
  .dc-article-page .dc-article-topic-back { display:none; }
  .dc-article-page .dc-article-heading h1 { font-size:40px; }
}
@media(max-width:760px) {
  .dc-article-page.wrap { width:calc(100% - 40px); padding-top:20px; }
  .dc-article-page .dc-breadcrumbs ol { margin-bottom:20px; font-size:11px; }
  .dc-article-page .dc-article-heading { padding:10px 0 30px; }
  .dc-article-page .dc-article-heading h1 { margin:16px 0 20px; font-size:36px; letter-spacing:-1.1px; }
  .dc-article-page .dc-article-columns { margin-top:28px; }
  .dc-article-page .dc-article-toc ol { grid-template-columns:1fr; padding-bottom:14px; }
  .dc-article-page .dc-article-body h2 { font-size:26px; }
  .dc-article-page .dc-article-body p { font-size:16px; }
  .dc-article-page .dc-article-body > .dc-article-section + .dc-article-section { margin-top:36px; }
  .dc-article-page .is-style-dc-article-facts :is(th,td) { padding:13px 10px; font-size:13px; }
  .dc-article-page .is-style-dc-article-callout p { font-size:15px; }
  .dc-article-page .is-style-dc-article-callout p:first-child { font-size:12px; }
  .dc-article-page .dc-article-next { grid-template-columns:94px 1fr; gap:18px; }
  .dc-article-page .dc-article-next--text { grid-template-columns:1fr; }
  .dc-article-page .dc-article-next img { aspect-ratio:.8; }
  .dc-article-page .dc-article-next h3 { font-size:21px; }
  .dc-article-page .dc-article-next .eyebrow { font-size:10px; }
}
@media(max-width:380px) {
  .dc-article-page.wrap { width:calc(100% - 32px); }
}
@media(prefers-reduced-motion:reduce) {
  .dc-article-page *, .dc-article-page *::before, .dc-article-page *::after { scroll-behavior:auto; animation:none; transition:none; }
}

/* Вступление Gutenberg: исходные пропорции, без фоновой рамки. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; margin:0; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-text { min-width:0; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-lead { margin:0; font-size:var(--dc-type-lead-size); line-height:1.65; font-weight:500; letter-spacing:-.3px; max-width:720px; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-figure { margin:0; min-width:0; width:100%; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-original { display:block; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-figure img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; border-radius:var(--dc-radius-sm); background:transparent; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-figure figcaption { margin:12px 0 0; font-size:12px; line-height:1.6; color:var(--dc-color-text-muted); overflow-wrap:anywhere; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-figure figcaption p { margin:0; font-size:inherit; line-height:inherit; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-credit { display:block; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-figure figcaption a { text-decoration:underline; text-underline-offset:3px; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--none { max-width:820px; }
.dc-article-page .dc-article-intro-original:focus-visible { outline:2px solid var(--dc-color-accent); outline-offset:5px; }
.editor-styles-wrapper .dc-article-intro { padding:16px; border:1px dashed var(--dc-color-line); }
.editor-styles-wrapper .dc-article-intro .components-notice { grid-column:1 / -1; }
@media(max-width:760px) {
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro-lead { font-size:18px; }
}

/* Сетка статьи: 3 + 9 долей, фиксированный зазор вместо space-between. */
.dc-article-page .dc-article-columns { grid-template-columns:repeat(12,minmax(0,1fr)); justify-content:normal; gap:24px; padding-right:0; }
.dc-article-page .dc-article-toc { grid-column:span 3; min-height:0; padding-top:12px; }
.dc-article-page .dc-article-reading { grid-column:span 9; width:100%; max-width:none; }
.dc-article-page .dc-article-columns--without-toc .dc-article-reading { grid-column:4 / -1; }
.dc-article-page .dc-article-toc summary { min-height:32px; line-height:1.5; }
.dc-article-page .dc-article-toc nav { max-height:max(100px,calc(100dvh - 240px - var(--wp-admin--admin-bar--height,0px))); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--dc-color-line) transparent; scrollbar-gutter:stable; }
.dc-article-page .dc-article-toc ol { gap:2px; margin:0; }
.dc-article-page .dc-article-toc ol li { margin:0; }
.dc-article-page .dc-article-toc ol a { padding:5px 8px; border-left:2px solid transparent; font-size:13px; line-height:1.4; }
.dc-article-page .dc-article-toc ol a[aria-current="location"] { border-left-color:var(--dc-color-accent-warm); color:var(--dc-color-text); background:var(--dc-color-surface); font-weight:700; }
.dc-article-page .dc-article-toc ol a:focus-visible { outline:2px solid var(--dc-color-accent); outline-offset:-2px; }
.dc-article-page .dc-article-topic-back { margin-top:14px; padding-top:12px; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--below { width:100%; max-width:900px; margin-inline:auto; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--below .dc-article-intro-lead { max-width:none; }
@media(max-width:900px) {
  .dc-article-page .dc-article-columns { grid-template-columns:minmax(0,1fr); gap:30px; }
  .dc-article-page .dc-article-toc, .dc-article-page .dc-article-reading, .dc-article-page .dc-article-columns--without-toc .dc-article-reading { grid-column:1; }
  .dc-article-page .dc-article-toc nav { max-height:min(60dvh,480px); }
}

/* Первая секция статьи: вся текстовая часть слева, фото с подписью справа, 50/50. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--side { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; justify-content:normal; align-items:start; }
.dc-article-page .dc-article-intro--with-heading { padding-top:14px; }
.dc-article-page .dc-article-intro .dc-article-heading { max-width:none; padding:0; }
.dc-article-page .dc-article-intro .dc-article-heading h1 { max-width:none; }
.dc-article-page .dc-article-intro .dc-article-heading + .dc-article-intro-lead { margin-top:28px; }
.dc-article-page .dc-article-intro--side .dc-article-intro-lead { max-width:none; }
.dc-article-page .dc-article-intro--side .dc-article-intro-figure { max-width:none; }
@media(max-width:1100px) {
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--side { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
}
@media(max-width:760px) {
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--side { grid-template-columns:minmax(0,1fr); gap:28px; }
  .dc-article-page .dc-article-intro--with-heading { padding-top:10px; }
  .dc-article-page .dc-article-intro .dc-article-heading + .dc-article-intro-lead { margin-top:24px; }
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-intro--side .dc-article-intro-figure { max-width:none; }
}

/* Интерактивная иллюстрация статьи (dc/article-media). Сцена космоса тёмная в обеих темах. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media { margin:32px 0 0; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-stage { position:relative; border-radius:12px; overflow:hidden; background:#05070c; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-stage canvas { display:block; width:100%; height:100%; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px; font-size:13px; color:var(--dc-color-text-muted); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls button { font:inherit; color:var(--dc-color-text); background:none; border:1px solid var(--dc-color-line); border-radius:999px; padding:6px 14px; cursor:pointer; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls button:hover { border-color:var(--dc-color-accent); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls input[type=range] { flex:1 1 160px; min-width:0; accent-color:var(--dc-color-accent); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-year { min-width:72px; text-align:right; font-weight:700; color:var(--dc-color-text); font-variant-numeric:tabular-nums; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media figcaption { margin-top:10px; font-size:15px; line-height:1.55; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media figcaption [data-dc-cap] { display:block; min-height:3.1em; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-caption { display:block; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-toggle { display:flex; align-items:center; gap:6px; cursor:pointer; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-toggle input { accent-color:var(--dc-color-accent); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-note { display:block; margin-top:6px; font-size:12px; line-height:1.5; color:var(--dc-color-text-muted); }
/* Логотип сайта в левом верхнем углу холста: на компьютере 36 px, как в свёрнутом меню; на узком экране 5 % ширины; 50 % прозрачности. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-logo { position:absolute; top:0; left:0; margin:1.6% 0 0 1.6%; width:clamp(16px, 5%, 36px); height:auto; aspect-ratio:1; opacity:.5; pointer-events:none; user-select:none; }
/* Скорость: «−», текущее значение (нажатие возвращает обычную), «+». */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-speed { display:inline-flex; align-items:center; gap:4px; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls .dc-article-media-speed button { width:32px; padding:6px 0; text-align:center; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls .dc-article-media-speed [data-dc-speed] { width:auto; min-width:46px; padding:6px; border-color:transparent; font-weight:700; font-variant-numeric:tabular-nums; }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls .dc-article-media-speed [data-dc-speed]:hover { border-color:var(--dc-color-line); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-controls .dc-article-media-speed button:disabled { opacity:.35; cursor:default; border-color:var(--dc-color-line); }
/* Подсказка повернуть телефон: только вертикально и на узком экране. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media .dc-article-media-rotate { display:none; align-items:center; gap:8px; margin:8px 0 0; font-size:12px; line-height:1.4; color:var(--dc-color-text-muted); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-article-media .dc-article-media-rotate svg { flex:none; }
@media (orientation:portrait) and (max-width:560px) {
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-media .dc-article-media-rotate { display:flex; }
}
/* Телефон горизонтально: схема целиком помещается по высоте экрана. --dc-media-ratio задаёт render.php, скрипт может уточнить. */
@media (orientation:landscape) and (max-height:500px) {
  :is(.dc-article-page, .editor-styles-wrapper) .dc-article-media-stage { max-width:calc((100svh - 24px) * var(--dc-media-ratio, 2)); margin-inline:auto; }
}

/* Разрез Урана: подписи и водяной знак входят в компактный растр. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-uranus-interior {
  margin-block:var(--dc-space-32);
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-uranus-interior-image {
  margin:0;
  padding:0;
  background:#000;
  border-radius:0;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-uranus-interior-image img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:300px;
  margin-inline:auto;
  background:#000;
  border-radius:0;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-uranus-interior .dc-uranus-interior-note {
  margin:var(--dc-space-16) 0 0;
  color:var(--dc-color-text-muted);
  font-size:14px;
  line-height:1.6;
}

/* Земля, Уран и Нептун: компактный растр на чёрном фоне колонки. */
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-sizes {
  margin-block:var(--dc-space-32);
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-sizes-image {
  margin:0;
  padding:0;
  background:#000;
  border-radius:0;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-sizes-image img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:300px;
  margin-inline:auto;
  background:#000;
  border-radius:0;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-sizes .dc-planet-sizes-note {
  margin:var(--dc-space-16) 0 0;
  color:var(--dc-color-text-muted);
  font-size:14px;
  line-height:1.6;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-sizes .dc-planet-sizes-note a {
  text-decoration:underline;
  text-underline-offset:3px;
}


/* На узком экране фон рамки не отделяется от страницы. */
@media (max-width:760px) {
  :is(.dc-article-page, .editor-styles-wrapper) :is(.dc-planet-sizes-image, .dc-uranus-interior-image) {
    background:transparent;
  }
}

/* Чёрный фон статичных иллюстраций: дополнение за пределами растра. */
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-image-frame {
  margin:0;
  padding:0;
  background:#000;
}
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-image-frame > .wp-block-image { margin:0; }
:is(.dc-article-page, .editor-styles-wrapper) .is-style-dc-article-image-frame > .wp-block-image img {
  display:block;
  width:760px;
  max-width:100%;
  height:auto;
  margin-inline:auto;
  background:#000;
  border-radius:0;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-colors { margin-block:var(--dc-space-32); }
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-colors .dc-planet-colors-note {
  margin:var(--dc-space-16) 0 0;
  color:var(--dc-color-text-muted);
  font-size:14px;
  line-height:1.6;
}
:is(.dc-article-page, .editor-styles-wrapper) .dc-planet-colors .dc-planet-colors-note a {
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Изображение справа с обтеканием текстом (блок «Изображение», выравнивание «Справа»).
   На широкой колонке высота кадра до 300 px, подпись по ширине кадра; на узкой — без обтекания, по центру. */
.dc-article-page .dc-article-body { container:dc-article-body / inline-size; }
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .dc-article-section:has(> .wp-block-image.alignright) { display:flow-root; }
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .wp-block-image.alignright {
  float:right;
  clear:right;
  display:table;
  width:auto;
  max-width:none;
  margin:6px 0 var(--dc-space-16) var(--dc-space-32);
}
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .wp-block-image.alignright img {
  display:block;
  width:auto;
  max-width:none;
  height:300px;
  border-radius:0;
}
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .wp-block-image.alignright figcaption {
  display:table-caption;
  caption-side:bottom;
  margin-top:var(--dc-space-8);
}
:is(.dc-article-page .dc-article-body, .editor-styles-wrapper) .wp-block-image.alignright figcaption a {
  text-decoration:underline;
  text-underline-offset:3px;
}
@container dc-article-body (max-width:639px) {
  .dc-article-page .dc-article-body .wp-block-image.alignright {
    float:none;
    margin:var(--dc-space-8) auto var(--dc-space-24);
  }
  .dc-article-page .dc-article-body .wp-block-image.alignright img {
    width:min(300px, 100cqw);
    height:auto;
  }
}

/* Частые вопросы: блок «Подробности», стиль «Частый вопрос». Строки с линиями, справа «+», у открытого «−». */
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq {
  margin:0;
  border-bottom:1px solid var(--dc-color-line);
}
:is(.dc-article-page, .editor-styles-wrapper) :not(.is-style-dc-faq) + .wp-block-details.is-style-dc-faq { border-top:1px solid var(--dc-color-line); margin-top:var(--dc-space-16); }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary {
  position:relative;
  display:block;
  padding:18px 40px 18px 0;
  list-style:none;
  cursor:pointer;
  color:var(--dc-color-text);
  font-size:18px;
  font-weight:600;
  line-height:1.4;
}
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary::-webkit-details-marker { display:none; }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary::before,
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary::after {
  content:'';
  position:absolute;
  right:3px;
  top:50%;
  width:16px;
  height:2px;
  margin-top:-1px;
  border-radius:2px;
  background:var(--dc-color-accent-warm);
  transition:transform .2s ease;
}
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary::after { transform:rotate(90deg); }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq[open] > summary::after { transform:rotate(0); }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary:hover { color:var(--dc-color-accent-warm); }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary:focus-visible { outline:2px solid var(--dc-color-accent); outline-offset:4px; }
:is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > :not(summary) { margin:0; padding:0 40px 20px 0; }
@media(max-width:760px) {
  :is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary { padding:16px 32px 16px 0; font-size:16px; }
  :is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > :not(summary) { padding-right:0; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.dc-article-page, .editor-styles-wrapper) .wp-block-details.is-style-dc-faq > summary::after { transition:none; }
}

/* Значки перед заголовками разделов «Интересные факты» и «Частые вопросы» (стили заголовка, вариант B).
   Две части значка — две маски: тёплый и холодный акцент темы. Текст заголовка и оглавление не меняются. */
:is(.dc-article-page, .editor-styles-wrapper) h2:is(.is-style-dc-facts, .is-style-dc-faq) { position:relative; padding-left:1.8em; }
:is(.dc-article-page, .editor-styles-wrapper) h2:is(.is-style-dc-facts, .is-style-dc-faq)::before,
:is(.dc-article-page, .editor-styles-wrapper) h2:is(.is-style-dc-facts, .is-style-dc-faq)::after {
  content:'';
  position:absolute;
  left:0;
  top:calc((1.24em - 1.35em) / 2);
  width:1.35em;
  height:1.35em;
  -webkit-mask:var(--dc-icon) center / contain no-repeat;
  mask:var(--dc-icon) center / contain no-repeat;
}
:is(.dc-article-page, .editor-styles-wrapper) h2.is-style-dc-facts::before { --dc-icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 8a9 9 0 0 0-5.3 16.3c.9.7 1.3 1.6 1.3 2.7h8c0-1.1.4-2 1.3-2.7A9 9 0 0 0 20 8z%22/%3E%3Cpath d=%22M16.5 31h7M17.5 34.5h5%22/%3E%3C/svg%3E"); background:var(--dc-color-accent-warm); }
:is(.dc-article-page, .editor-styles-wrapper) h2.is-style-dc-facts::after { --dc-icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 2.5v2.5M33 8l-1.8 1.8M7 8l1.8 1.8M36.5 18h-2.5M3.5 18H6%22/%3E%3C/svg%3E"); background:var(--dc-color-accent); }
:is(.dc-article-page, .editor-styles-wrapper) h2.is-style-dc-faq::before { --dc-icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 9h24a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H18l-7 6v-6H8a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3z%22/%3E%3C/svg%3E"); background:var(--dc-color-accent); }
:is(.dc-article-page, .editor-styles-wrapper) h2.is-style-dc-faq::after { --dc-icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16.8 15.2a3.3 3.3 0 1 1 4.7 3c-1 .5-1.5 1.1-1.5 2.2v.4%22 stroke-width=%222.4%22/%3E%3Ccircle cx=%2220%22 cy=%2224.4%22 r=%221.5%22 fill=%22black%22 stroke=%22none%22/%3E%3C/svg%3E"); background:var(--dc-color-accent-warm); }

/* Общие действия после статьи. Содержимое записи не меняется. */
.dc-article-page .dc-article-actions { margin-top:40px; padding:28px 0 0; border-top:1px solid var(--dc-color-line); }
.dc-article-page .dc-article-actions-main { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:24px; }
.dc-article-page .dc-article-actions h2 { margin:0 0 14px; font-size:16px; line-height:1.5; font-weight:600; letter-spacing:0; }
.dc-article-page .dc-article-actions-links { display:flex; flex-wrap:wrap; gap:8px; }
.dc-article-page .dc-article-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--dc-color-line); border-radius:var(--dc-radius-md); background:transparent; color:var(--dc-color-text); font:inherit; font-size:13px; font-weight:600; line-height:1.5; text-decoration:none; cursor:pointer; }
.dc-article-page .dc-article-action[hidden], .dc-article-page .dc-article-actions-url[hidden] { display:none; }
.dc-article-page .dc-article-action svg { flex-shrink:0; }
.dc-article-page .dc-article-action:not(:disabled):hover { border-color:var(--dc-color-accent-warm); color:var(--dc-color-accent-warm); background:var(--dc-color-surface); }
.dc-article-page .dc-article-action:focus-visible, .dc-article-page .dc-article-actions-url:focus-visible { outline:2px solid var(--dc-color-accent); outline-offset:3px; }
.dc-article-page .dc-article-actions-download { padding-top:2px; }
.dc-article-page .dc-article-action:disabled { color:var(--dc-color-text-muted); border-style:dashed; cursor:not-allowed; }
.dc-article-page .dc-article-actions-download p { margin:6px 0 0; color:var(--dc-color-text-muted); font-size:11px; line-height:1.5; text-align:center; }
.dc-article-page .dc-article-actions-status { margin:10px 0 0; color:var(--dc-color-text-muted); font-size:12px; line-height:1.5; }
.dc-article-page .dc-article-actions-status:empty { display:none; }
.dc-article-page .dc-article-actions-url { display:block; box-sizing:border-box; width:100%; margin-top:10px; padding:10px; border:1px solid var(--dc-color-line); border-radius:var(--dc-radius-md); color:var(--dc-color-text); background:var(--dc-color-surface); font:inherit; font-size:13px; }
.dc-article-page .dc-article-actions + .dc-article-next { margin-top:32px; }
@media(max-width:760px) {
  .dc-article-page .dc-article-actions { margin-top:32px; padding-top:24px; }
  .dc-article-page .dc-article-actions-main { align-items:flex-start; }
}