/* ============================================================
   SCI — Концепт A «Тепла майстерня» (v19: кнопка первого экрана в акцентном цвете)
   Куда: wp-admin → Custom CSS & JS → сниппет 494 →
   выделить ВСЁ в поле кода (Ctrl+A) → вставить это → Update.
   Затем: EasyWP Clear Cache → Ctrl+F5.
   ============================================================ */

/* ============================================================
   ШРИФТЫ СВОИ (вместо @import с fonts.googleapis.com)
   Файлы лежат в /wp-content/uploads/fonts/ — загрузить через WP File Manager.
   Golos Text — переменный: один файл на веса 400–700.
   ============================================================ */
@font-face {
  font-family: 'Golos Text';
  src: url(/wp-content/uploads/fonts/golos-text-var.woff2) format("woff2-variations"),
       url(/wp-content/uploads/fonts/golos-text-var.woff2) format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif';
  src: url(/wp-content/uploads/fonts/pt-serif-400.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif';
  src: url(/wp-content/uploads/fonts/pt-serif-700.woff2) format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

/* --- Фон и базовый шрифт (html body — сильнее сниппета 385) --- */
html body {
  background: #FDFBF7 !important;
  font-family: "Golos Text", "Segoe UI", system-ui, sans-serif !important;
}

/* --- Заголовки — PT Serif (спроектирован под кириллицу, читается на малых размерах) --- */
h1, h2, h3, h4, h5, h6,
.site-title, .dr-entry-title, .dr-title {
  font-family: "PT Serif", Georgia, serif !important;
}

/* --- Кнопки Delicious Recipes: акцент концепта A ---
   color задан с !important и действует и на hover —
   это чинит нечитаемый текст при наведении */
.dr-btn-link, .dr-btn1, .dr-print-trigger, .dr-form__submit {
  background-color: #C67F0F !important;
  border-color: #C67F0F !important;
  color: #FFFDF8 !important;
  border-radius: 2px !important;
}
.dr-btn-link:hover, .dr-btn1:hover, .dr-print-trigger:hover, .dr-form__submit:hover {
  background-color: #A96C0C !important;
  border-color: #A96C0C !important;
  color: #FFFDF8 !important;
}

/* --- Контейнер карточки рецепта — тёплый крем --- */
.dr-summary-holder {
  background: #FBF4E9 !important;
  border: 1px solid #EADFCB !important;
  border-radius: 2px !important;
}

/* --- Углы 2px --- */
.dr-faq-item, .dr-form__field-input, .dr-scale-ingredients, .dr-nutrition-label,
.ast-button, .ast-menu-toggle, .menu-toggle, .main-header-menu-toggle,
.wp-block-button__link, .ast-custom-button,
input[type="submit"], button[type="submit"] {
  border-radius: 2px !important;
}

/* --- Фото и крупные блоки — без скруглений --- */
.dr-image img, .dr-recipe-fig img, .wp-block-image img,
.dr-recipe-card, .dr-list-tips, .dr-note {
  border-radius: 0 !important;
}

/* --- Фото шагов: единая ширина 640px на десктопе ---
   (по замеру 120 фото: медиана 550px, потому не 800 — иначе мыло;
   мобильная версия не затронута) */
@media (min-width: 922px) {
  .dr-instruction .additional-images img,
  .dr-instruction .dr-lg-media-popup img,
  .dr-instructions .additional-images img {
    width: min(640px, 100%) !important;
    height: auto !important;
    display: block;
    margin: 12px auto;
  }
}

/* --- УТП на головній — «Редакційна» подача (варіант A) ---
   Без коробок: пункти розділяють тонкі лінії, текст зліва.
   Стокові фіолетові іконки Astra сховані, замість них — тонкий
   контур у кольорі акценту (маска, файли не потрібні).
   :has() б'є рівно в 7 колонок зі starter-іконками. */
.wp-block-columns:has(img[src*="starter-content"]) {
  gap: 0 !important;
  align-items: stretch !important;
}
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-block-group:has(img[src*="starter-content"]) {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.wp-block-columns.alignfull:has(img[src*="starter-content"]) {
  padding: 56px max(24px, calc((100vw - 1200px) / 2)) !important;
}
.wp-block-column:has(img[src*="starter-content"]) {
  position: relative;
  background: none !important;
  border: 0 !important;
  border-left: 1px solid #E2D3BA !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 4px 32px 6px !important;
  text-align: left !important;
  align-self: stretch !important;
}
.wp-block-column:has(img[src*="starter-content"]):first-child {
  border-left: 0 !important;
  padding-left: 0 !important;
}
.wp-block-column:has(img[src*="starter-content"]):last-child {
  padding-right: 0 !important;
}
.wp-block-column:has(img[src*="starter-content"]) > .wp-block-image,
.wp-block-column:has(img[src*="starter-content"]) .wp-block-spacer {
  display: none !important;
}
.wp-block-column:has(img[src*="starter-content"])::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 0 18px;
  background-color: #C67F0F !important;
  -webkit-mask: var(--sci-ico) center / contain no-repeat;
          mask: var(--sci-ico) center / contain no-repeat;
}
.wp-block-column:has(img[src*="starter-content"]) > p {
  text-align: left !important;
  margin: 0 !important;
}
.wp-block-column:has(img[src*="starter-content"]) > p.has-medium-font-size {
  font-family: "PT Serif", Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
  text-wrap: balance;
}
.wp-block-column:has(img[src*="starter-content"]) > p:not(.has-medium-font-size) {
  color: #6E5F4B;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
@media (max-width: 781px) {
  .wp-block-column:has(img[src*="starter-content"]) {
    border-left: 0 !important;
    border-top: 1px solid #E2D3BA !important;
    padding: 22px 0 !important;
  }
  .wp-block-column:has(img[src*="starter-content"]):first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* іконки УТП: перший блок — пошук / час / складність,
   другий — перевірено / кроки / порада / сковорідка */
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(1) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20.5 20.5'/%3E%3C/svg%3E"); }
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(2) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E"); }
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(3) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 19v-4M12 19v-8M19 19V5'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(1) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12.2 2.4 2.4 4.6-5'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(2) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M9.5 6.5H19M9.5 12H19M9.5 17.5H19'/%3E%3Ccircle cx='5' cy='6.5' r='1.2'/%3E%3Ccircle cx='5' cy='12' r='1.2'/%3E%3Ccircle cx='5' cy='17.5' r='1.2'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(3) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 18h5M10.5 21h3M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.3 1.1 2.2h5c0-.9.4-1.6 1.1-2.2A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(4) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='13.5' r='6.5'/%3E%3Cpath d='M16.5 13.5H22M8 3.5c0 1.2 1.2 1.2 1.2 2.4M11.5 3.5c0 1.2 1.2 1.2 1.2 2.4'/%3E%3C/svg%3E"); }

/* --- FAQ-акордеон: картка рецепта (WP Delicious) і стаття (Yoast) ---
   Однаковий вигляд: список на тонких лініях, питання PT Serif,
   тонкий плюс акценту, що повертається в хрестик.
   Yoast-FAQ згортається лише коли JS-сніпет додав клас .sci-faq —
   без JS відповіді просто видно. */
.dr-faqs-list,
.schema-faq.sci-faq {
  border-top: 1px solid #E2D3BA !important;
}
.dr-faqs-list .dr-faq-item,
.schema-faq.sci-faq .schema-faq-section {
  border: 0 !important;
  border-bottom: 1px solid #E2D3BA !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dr-faqs-list .dr-faq-title-wrap,
.schema-faq.sci-faq .schema-faq-question {
  display: block !important;
  position: relative !important;
  cursor: pointer;
  padding: 19px 48px 19px 0 !important;
  margin: 0 !important;
}
.dr-faqs-list .dr-faq-title-wrap .dr-title,
.schema-faq.sci-faq .schema-faq-question {
  font-family: "PT Serif", Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  transition: color 0.15s ease;
}
.dr-faqs-list .dr-faq-title-wrap:hover .dr-title,
.schema-faq.sci-faq .schema-faq-question:hover {
  color: #A96C0C !important;
}
.dr-faqs-list .dr-faq-title-wrap::after,
.schema-faq.sci-faq .schema-faq-question::after {
  content: "" !important;
  position: absolute !important;
  right: 6px !important;
  left: auto !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: -9px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23C67F0F' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M9 2v14M2 9h14'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transform: none !important;
  -webkit-mask: none !important;
          mask: none !important;
  transition: transform 0.25s ease !important;
}
.dr-faqs-list .dr-faq-item.faq-active .dr-faq-title-wrap::after,
.schema-faq.sci-faq .schema-faq-section.is-open .schema-faq-question::after {
  transform: rotate(45deg) !important;
}
.dr-faqs-list .dr-faq-content-wrap p,
.schema-faq.sci-faq .schema-faq-answer {
  color: #5A4C3A;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  max-width: 72ch;
  padding: 0 48px 22px 0 !important;
  margin: 0 !important;
}
.dr-faqs-list .dr-faq-content-wrap p:empty {
  display: none !important;
}
.schema-faq.sci-faq .schema-faq-answer {
  display: none;
}
.schema-faq.sci-faq .schema-faq-section.is-open .schema-faq-answer {
  display: block;
  animation: sciFaqOpen 0.3s ease;
}
.schema-faq.sci-faq .schema-faq-question:focus-visible,
.dr-faq-toggle-area .dr-switch-btn:focus-visible {
  outline: 2px solid #C67F0F;
  outline-offset: 3px;
}
@keyframes sciFaqOpen {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

/* перемикач «Розгорнути все» у рецепті: замість сірої таблетки — тонкий тумблер */
.dr-faq-toggle-area .toggle-title {
  font-size: 12px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6E5F4B;
}
.dr-faq-toggle-area .dr-switch-btn {
  position: relative !important;
  width: 38px !important;
  height: 22px !important;
  padding: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  vertical-align: middle;
  background: #FDFBF7 !important;
  border: 1px solid #CDB894 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.dr-faq-toggle-area .dr-switch-btn::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 1px;
  background: #CDB894;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.dr-faq-toggle-area .dr-switch-btn[data-switch="on"] {
  background: #C67F0F !important;
  border-color: #C67F0F !important;
}
.dr-faq-toggle-area .dr-switch-btn[data-switch="on"]::before {
  transform: translateX(16px);
  background: #FFFDF8;
}

/* --- Рубрика над заголовком статті блогу (виводить functions.php) --- */
.sci-post-cat {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sci-post-cat a {
  color: #A96C0C;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s ease;
}
.sci-post-cat a:hover {
  border-bottom-color: currentColor;
}

/* --- sci-card-thumb-fix: превью карток «Останні записи» ---
   Ядро WordPress ставить обгортці <a> display:inline-block. Вона стискається
   до ширини картинки (300 px), а картка ширша — у Safari праворуч лишалася
   біла смуга. Chrome рахує max-content інакше, тому в емуляції цього не видно.
   Розмір кадру задаємо padding-top, а не aspect-ratio: так однаково в усіх рушіях. */
.wp-block-latest-posts__featured-image {
  display: block;
  width: 100%;
}
.wp-block-latest-posts__featured-image a {
  display: block !important;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.wp-block-latest-posts__featured-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* --- Заголовок сторінки блогу (H1 додає sci-core.php) --- */
.sci-blog-title {
  font-weight: 700 !important;
  margin: 0 0 24px !important;
}

/* --- Перший екран головної: ріжемо порожній крем над котом ---
   Файл квадратний, 900x900, і малюнок займає лише нижні 560 px — решта
   порожній фон. Через це блок виходив 600 px заввишки, з них 227 порожніх.
   Показуємо тільки потрібну частину: пропорція 900/560 і обрізка знизу.
   Пропорції самого малюнка не чіпаємо, тому нічого не розтягує.
   Якщо браузер проігнорує aspect-ratio, висота стане auto: буде більше
   повітря, але спотворення не буде — відмова в безпечний бік. */
/* Тільки перший екран: у нього класи alignwide і has-background.
   Другий блок «Натхнення» таких класів не має, і раніше правило зачіпало
   і його — верх картинки зрізало. */
/* 2026-10-03: кот теперь sci-hero-v7.webp — прозрачный фон, 1325x663, пустого крема нет.
   Обрезка больше не нужна: показываем файл целиком в его пропорции (contain),
   width/height в разметке — тоже 1325x663 (батч 94), иначе растянет, как v6 в батче 69. */
.home .wp-block-media-text.alignwide.has-background .wp-block-media-text__media img {
  aspect-ratio: 1325 / 663;
  height: auto;
  object-fit: contain;
  object-position: center bottom;
}

/* --- Шапка в тон сторінці: прибираємо смугу під хедером ---
   Глобальні стилі задають шапці чистий білий #FFFFFF, а сторінка тепла (#FCFBF7).
   Між ними видно смугу, особливо на головній, де далі йде кремовий хіро-блок:
   білий, майже білий і крем поспіль читаються як шов.
   Тон зрівнюємо, а замість нього даємо волосяну лінію — інакше шапка злипається
   з контентом під час прокрутки, бо ні рамки, ні тіні в неї немає.
   Темна гілка нижче має ту саму специфічність і йде пізніше, тому перебиває. */
html:not([data-sci-theme="dark"]) .site-header,
html:not([data-sci-theme="dark"]) .main-header-bar,
html:not([data-sci-theme="dark"]) .ast-primary-header-bar,
html:not([data-sci-theme="dark"]) .ast-builder-grid-row-container {
  background-color: #FCFBF7 !important;
}
html:not([data-sci-theme="dark"]) .main-header-bar {
  border-bottom: 1px solid rgba(110, 95, 75, 0.12) !important;
}

/* --- Архіви рецептів (курси, кухні, ключі): H1, кількість, опис над плитками ---
   Розмітку дає functions.php; лічильник плагіна «1 - 1 із 1 Рецептів» ховаємо */
.dr-archive-container .page-header .sci-tax-title {
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}
.dr-archive-container .page-header .recipe-taxonomy-count-top {
  margin: 0 0 18px !important;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6E5F4B;
  opacity: 1 !important;
}
.dr-archive-container .page-header .archive-description {
  max-width: 72ch;
  margin: 0 0 32px;
  color: #5A4C3A;
  font-size: 16px;
  line-height: 1.7;
}
.dr-archive-container .page-header .archive-description p:last-child {
  margin-bottom: 0;
}
.dr-archive-container .page-header .dr-showing-results {
  display: none !important;
}

/* --- FAQ на сторінках розділів рецептів (під плитками; виводить functions.php).
   Сам акордеон — ті самі правила .schema-faq.sci-faq, що в статтях. */
.sci-tax-faq {
  max-width: 820px;
  margin: 56px auto 40px;
  padding: 0 15px;
}
.sci-tax-faq .sci-tax-faq-title {
  font-size: 28px;
  line-height: 1.25;
  margin: 0 0 20px;
}

@media (prefers-reduced-motion: reduce) {
  .dr-faqs-list .dr-faq-title-wrap::after,
  .schema-faq.sci-faq .schema-faq-question::after,
  .dr-faq-toggle-area .dr-switch-btn::before { transition: none !important; }
  .schema-faq.sci-faq .schema-faq-section.is-open .schema-faq-answer { animation: none; }
}

/* --- Сторінка автора: картка з аватаром, іменем, роллю та біографією.
   Розмітку дає Astra (.ast-author-box), заголовок і текст ставить functions.php --- */
.ast-author-box.ast-archive-description {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 28px;
  max-width: 860px;
  margin: 0 auto 36px;
  padding: 32px;
  background: #FBF4E9;
  border: 1px solid #EADFCB;
  border-radius: 2px;
}
.ast-author-box .ast-author-avatar {
  flex: 0 0 auto;
  margin: 0;
}
.ast-author-box .ast-author-avatar img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  /* карточка автора — #FBF4E9. Белый ободок #FFFDF8 выбивался из неё,
     поэтому фон и рамка теперь того же цвета: виден только кот. */
  background: #FBF4E9;
  border: 3px solid #FBF4E9;
  box-shadow: 0 2px 12px rgba(43, 33, 21, .12);
}
.ast-author-box .ast-author-bio {
  flex: 1 1 auto;
  min-width: 0;
}
.ast-author-box .page-title,
.ast-author-box .ast-archive-title {
  margin: 0 0 6px;
  font-family: "PT Serif", Georgia, serif !important;
  font-size: 34px;
  line-height: 1.2;
}
/* роль и абзацы биографии приходят из functions.php как span-ы:
   Astra оборачивает биографию в свой <p>, вложенные <p> были бы ошибкой вёрстки */
.sci-author-role {
  display: block;
  margin: 0 0 16px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #C67F0F;
}
.sci-author-p {
  display: block;
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.7;
}
.sci-author-p:last-child {
  margin-bottom: 0;
}

/* --- Первый экран главной: картинка и текст по центру по вертикали.
   Без этого правого блока текст оказывается выше картинки и снизу
   торчит пустая полоса (видно на стыке двух фонов) --- */
.wp-block-media-text.alignwide {
  align-items: center;
}
.wp-block-media-text.alignwide .wp-block-media-text__media img {
  display: block;
}
.sci-hero-btn {
  margin-top: 26px;
}
/* кнопка первого экрана: по умолчанию Astra красит кнопки в чёрный,
   ставим акцент концепта A */
.sci-hero-btn .wp-block-button__link {
  background-color: #C67F0F !important;
  color: #FFFDF8 !important;
  border-color: #C67F0F !important;
  border-radius: 2px !important;
  padding: 14px 34px !important;
  font-weight: 600;
}
.sci-hero-btn .wp-block-button__link:hover {
  background-color: #A96C0C !important;
  color: #FFFDF8 !important;
  border-color: #A96C0C !important;
}

/* --- Ссылка «Усі статті блогу» под карточками на главной --- */
.sci-all-posts {
  margin: 24px 0 8px;
  text-align: center;
}
.sci-all-posts-link {
  display: inline-block;
  padding: 12px 28px;
  border: 2px solid #C67F0F;
  border-radius: 2px;
  color: #C67F0F !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease;
}
.sci-all-posts-link:hover {
  background-color: #C67F0F;
  color: #FFFDF8 !important;
}

/* --- Логотип: светлая и тёмная версии (разметку даёт functions.php) --- */
.sci-logo-dark {
  display: none !important;
}
.ast-author-box .ast-author-bio p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.7;
}
.ast-author-box .ast-author-bio p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  /* Аватар сбоку от имени (2026-09-27). Раньше карточка была колонкой
     «текст -> аватар», и кот стоял на ~885 px при экране 812: без прокрутки
     его не было видно. Теперь сетка: кот | имя, ниже роль и биография.
     .ast-author-bio через display: contents отдаёт свои h1 и p прямо в сетку.
     Проверено инъекцией на 375 и 320 px: кот на 218 / 275 px, вбок не едет. */
  .ast-author-box.ast-archive-description {
    display: grid;
    grid-template-columns: 84px 1fr;
    column-gap: 16px;
    row-gap: 14px;
    align-items: center;
    text-align: left;
    padding: 24px 20px;
  }
  .ast-author-box .ast-author-bio { display: contents; }
  .ast-author-box .ast-author-avatar { grid-column: 1; grid-row: 1; }
  .ast-author-box .ast-author-avatar img { width: 84px; height: 84px; }
  .ast-author-box .ast-author-bio .page-title,
  .ast-author-box .ast-author-bio .ast-archive-title { grid-column: 2; grid-row: 1; margin: 0; }
  .ast-author-box .ast-author-bio p { grid-column: 1 / -1; grid-row: 2; }
}

/* ============================================================
   ТЁМНАЯ ТЕМА — своя, взамен плагина WP Dark Mode (v19)
   Плагин WP Dark Mode должен быть ВЫКЛЮЧЕН.
   Включается двумя способами, и оба дают одинаковый результат:
     1) сама, если в системе тёмная тема;
     2) вручную кнопкой (атрибут data-sci-theme, ставит functions.php).
   Ручной выбор сильнее системного: data-sci-theme="light" гасит тёмную тему
   даже при тёмной системной, а "dark" включает её при светлой.
   Гамма тёплая, под концепт A: без циана и синевы.
   Светлая тема не меняется: за пределами этих двух блоков правил нет.
   ============================================================ */

/* --- 1. Системная тёмная тема --- */
@media (prefers-color-scheme: dark) {
  :root:not([data-sci-theme="light"]) {
  --sci-bg: #14110D;
  --sci-surface: #1C1813;
  --sci-surface-2: #241F18;
  --sci-text: #EDE6DA;
  --sci-muted: #B5A994;
  --sci-heading: #F6F0E6;
  --sci-border: #3A3227;
  --sci-accent: #E0A33C;
  --sci-accent-hover: #F0B85C;
  --sci-link: #E7B45A;
  --sci-link-hover: #F6D79B;
  --sci-on-accent: #14110D;
  --ast-global-color-0: var(--sci-accent);
  --ast-global-color-1: var(--sci-accent-hover);
  --ast-global-color-2: var(--sci-heading);
  --ast-global-color-3: var(--sci-muted);
  --ast-global-color-4: var(--sci-bg);
  --ast-global-color-5: var(--sci-surface-2);
  --ast-global-color-7: var(--sci-surface);
  --ast-global-color-primary: var(--sci-bg);
  --ast-global-color-secondary: var(--sci-surface-2);
  --ast-global-color-subtle-background: var(--sci-surface);
  --wp--preset--color--ast-global-color-0: var(--sci-accent);
  --wp--preset--color--ast-global-color-1: var(--sci-accent-hover);
  --wp--preset--color--ast-global-color-2: var(--sci-heading);
  --wp--preset--color--ast-global-color-3: var(--sci-muted);
  --wp--preset--color--ast-global-color-4: var(--sci-bg);
  --wp--preset--color--ast-global-color-5: var(--sci-surface-2);
  --wp--preset--color--ast-global-color-7: var(--sci-surface);
  }

  /* Фон страницы и базовый текст (в светлой теме тут #FDFBF7 и #2B2115) */
  html:not([data-sci-theme="light"]) body,
  html:not([data-sci-theme="light"]) .site,
  html:not([data-sci-theme="light"]) #page,
  html:not([data-sci-theme="light"]) .site-content,
  html:not([data-sci-theme="light"]) .ast-container,
  html:not([data-sci-theme="light"]) .ast-article-single,
  html:not([data-sci-theme="light"]) .ast-article-post,
  html:not([data-sci-theme="light"]) .dr-single-recipe {
    background-color: var(--sci-bg) !important;
    color: var(--sci-text) !important;
  }
  /* Шапка, меню, футер (в светлой — белые #FFFFFF) */
  html:not([data-sci-theme="light"]) .site-header,
  html:not([data-sci-theme="light"]) .main-header-bar,
  html:not([data-sci-theme="light"]) .ast-primary-header-bar,
  html:not([data-sci-theme="light"]) .site-primary-header-wrap,
  html:not([data-sci-theme="light"]) .ast-mobile-header-wrap,
  html:not([data-sci-theme="light"]) .main-header-menu,
  html:not([data-sci-theme="light"]) .sub-menu,
  html:not([data-sci-theme="light"]) .ast-mobile-popup-drawer .main-header-bar-navigation,
  html:not([data-sci-theme="light"]) .site-footer,
  html:not([data-sci-theme="light"]) .site-below-footer-wrap,
  html:not([data-sci-theme="light"]) .site-primary-footer-wrap {
    background-color: var(--sci-surface-2) !important;
    color: var(--sci-text) !important;
    border-color: var(--sci-border) !important;
  }
  /* Заголовки */
  html:not([data-sci-theme="light"]) h1,
  html:not([data-sci-theme="light"]) h2,
  html:not([data-sci-theme="light"]) h3,
  html:not([data-sci-theme="light"]) h4,
  html:not([data-sci-theme="light"]) h5,
  html:not([data-sci-theme="light"]) h6,
  html:not([data-sci-theme="light"]) .entry-title,
  html:not([data-sci-theme="light"]) .ast-single-post-banner-title,
  html:not([data-sci-theme="light"]) .dr-title,
  html:not([data-sci-theme="light"]) .dr-entry-title {
    color: var(--sci-heading) !important;
  }
  /* Ссылки в контенте: тёплое золото. Кнопки исключены — иначе это правило било по цвету текста на кнопках Delicious Recipes (было бледное золото на охре) */
  html:not([data-sci-theme="light"]) .entry-content a:not([class*="dr-btn"]):not(.dr-print-trigger):not(.wp-block-button__link),
  html:not([data-sci-theme="light"]) .ast-article-single a:not([class*="dr-btn"]):not(.dr-print-trigger):not(.wp-block-button__link),
  html:not([data-sci-theme="light"]) .dr-recipe-content a:not([class*="dr-btn"]):not(.dr-print-trigger),
  html:not([data-sci-theme="light"]) .dr-single-recipe a:not([class*="dr-btn"]):not(.dr-print-trigger),
  html:not([data-sci-theme="light"]) .schema-faq-answer a,
  html:not([data-sci-theme="light"]) .sci-post-cat a,
  html:not([data-sci-theme="light"]) .wp-block-latest-posts__post-title,
  html:not([data-sci-theme="light"]) .entry-title a,
  html:not([data-sci-theme="light"]) .ast-article-post .entry-title a,
  html:not([data-sci-theme="light"]) .blog-layout-4 .entry-title a {
    color: var(--sci-link) !important;
  }
  /* Наведение на ссылку */
  html:not([data-sci-theme="light"]) .entry-content a:hover,
  html:not([data-sci-theme="light"]) .ast-article-single a:hover,
  html:not([data-sci-theme="light"]) .dr-recipe-content a:hover,
  html:not([data-sci-theme="light"]) .schema-faq-answer a:hover,
  html:not([data-sci-theme="light"]) .wp-block-latest-posts__post-title:hover {
    color: var(--sci-link-hover) !important;
  }
  /* Ссылки меню и футера (в светлой — #5C4F3C и #040404), плюс скрытая ссылка «Перейти до вмісту» для клавиатуры: она оставалась чёрной на тёмном */
  html:not([data-sci-theme="light"]) .menu-link,
  html:not([data-sci-theme="light"]) .main-header-menu a,
  html:not([data-sci-theme="light"]) .ast-builder-layout-element a,
  html:not([data-sci-theme="light"]) .site-footer a,
  html:not([data-sci-theme="light"]) .skip-link,
  html:not([data-sci-theme="light"]) .site-title a,
  html:not([data-sci-theme="light"]) .ast-site-identity .site-title a {
    color: var(--sci-text) !important;
  }
  /* Наведение в меню */
  html:not([data-sci-theme="light"]) .menu-link:hover,
  html:not([data-sci-theme="light"]) .main-header-menu a:hover,
  html:not([data-sci-theme="light"]) .site-footer a:hover {
    color: var(--sci-accent) !important;
  }
  /* Светлые плашки Delicious Recipes: кремовая карточка, заметки, пищевая ценность, советы (в светлой — #FBF4E9 и #FFFFFF). Из-за них на тёмном фоне был светлый текст по светлому фону */
  html:not([data-sci-theme="light"]) .dr-summary-holder,
  html:not([data-sci-theme="light"]) .dr-note,
  html:not([data-sci-theme="light"]) .dr-list-tips,
  html:not([data-sci-theme="light"]) .dr-nutrition-list,
  html:not([data-sci-theme="light"]) .dr-nutrition-label,
  html:not([data-sci-theme="light"]) .dr-recipe-card,
  html:not([data-sci-theme="light"]) .dr-recipe-wrap,
  html:not([data-sci-theme="light"]) .wpd-recipe-card,
  html:not([data-sci-theme="light"]) .wp-block-latest-posts li,
  html:not([data-sci-theme="light"]) .dr-recipe-item,
  html:not([data-sci-theme="light"]) .recipe-card,
  html:not([data-sci-theme="light"]) .ast-article-inner,
  html:not([data-sci-theme="light"]) .blog-layout-4,
  html:not([data-sci-theme="light"]) .ast-blog-featured-section,
  html:not([data-sci-theme="light"]) .has-ast-global-color-4-background-color,
  html:not([data-sci-theme="light"]) .has-ast-global-color-5-background-color,
  html:not([data-sci-theme="light"]) .has-ast-global-color-7-background-color,
  html:not([data-sci-theme="light"]) .search-form {
    background-color: var(--sci-surface) !important;
    color: var(--sci-text) !important;
    border-color: var(--sci-border) !important;
  }
  /* Текст внутри карточки рецепта: ингредиенты (li.recipe-ingredient > label > span), шаги, примечания, подписи. Без этого правила они оставались тёмными на тёмном. Идёт ДО правил ссылок, кнопок и меты, поэтому те по-прежнему сильнее */
  html:not([data-sci-theme="light"]) .dr-single-recipe li,
  html:not([data-sci-theme="light"]) .dr-single-recipe label,
  html:not([data-sci-theme="light"]) .dr-single-recipe span,
  html:not([data-sci-theme="light"]) .dr-single-recipe p,
  html:not([data-sci-theme="light"]) .dr-single-recipe strong,
  html:not([data-sci-theme="light"]) .dr-single-recipe em,
  html:not([data-sci-theme="light"]) .recipe-ingredient,
  html:not([data-sci-theme="light"]) .recipe-ingredient label,
  html:not([data-sci-theme="light"]) .recipe-ingredient span,
  html:not([data-sci-theme="light"]) .ingredient_quantity,
  html:not([data-sci-theme="light"]) .ingredient_unit,
  html:not([data-sci-theme="light"]) .ingredient_name,
  html:not([data-sci-theme="light"]) .dr-instructions-list li,
  html:not([data-sci-theme="light"]) .dr-instructions-list p,
  html:not([data-sci-theme="light"]) .direction-step,
  html:not([data-sci-theme="light"]) .dr-recipe-notes,
  html:not([data-sci-theme="light"]) .dr-recipe-notes p,
  html:not([data-sci-theme="light"]) .dr-nutrition-item,
  html:not([data-sci-theme="light"]) .dr-nutrition-item * {
    color: var(--sci-text) !important;
  }
  /* Мета, даты, подписи (в светлой — #374757 и #040404) */
  html:not([data-sci-theme="light"]) .entry-meta,
  html:not([data-sci-theme="light"]) .entry-meta *,
  html:not([data-sci-theme="light"]) .posted-on,
  html:not([data-sci-theme="light"]) .dr-recipe-meta,
  html:not([data-sci-theme="light"]) .dr-recipe-meta *,
  html:not([data-sci-theme="light"]) .dr-meta-title,
  html:not([data-sci-theme="light"]) .wp-block-latest-posts__post-date,
  html:not([data-sci-theme="light"]) figcaption {
    color: var(--sci-muted) !important;
  }
  /* Кнопки: акцент вместо светлого текста на охре. Своя кнопка темы исключена */
  html:not([data-sci-theme="light"]) .dr-btn-link,
  html:not([data-sci-theme="light"]) .dr-btn1,
  html:not([data-sci-theme="light"]) .dr-print-trigger,
  html:not([data-sci-theme="light"]) .dr-form__submit,
  html:not([data-sci-theme="light"]) .dr-btn,
  html:not([data-sci-theme="light"]) .wpd-btn,
  html:not([data-sci-theme="light"]) .wp-block-button__link,
  html:not([data-sci-theme="light"]) .ast-button,
  html:not([data-sci-theme="light"]) input[type="submit"],
  html:not([data-sci-theme="light"]) input.search-submit,
  html:not([data-sci-theme="light"]) button:not(.sci-theme-toggle):not(.dr-switch-btn):not(.menu-toggle):not([class*="ast-mobile-menu-trigger"]):not(.slick-arrow),
  html:not([data-sci-theme="light"]) .dr-single-recipe a.dr-btn-link,
  html:not([data-sci-theme="light"]) .dr-single-recipe a.dr-print-trigger,
  html:not([data-sci-theme="light"]) .dr-buttons .dr-btn-link.dr-btn1,
  html:not([data-sci-theme="light"]) .wpdelicious-recipe-banner .dr-btn-link {
    background-color: var(--sci-accent) !important;
    border-color: var(--sci-accent) !important;
    color: var(--sci-on-accent) !important;
  }
  /* Наведение на кнопки */
  html:not([data-sci-theme="light"]) .dr-btn-link:hover,
  html:not([data-sci-theme="light"]) .dr-btn1:hover,
  html:not([data-sci-theme="light"]) .dr-print-trigger:hover,
  html:not([data-sci-theme="light"]) .dr-form__submit:hover,
  html:not([data-sci-theme="light"]) .dr-btn:hover,
  html:not([data-sci-theme="light"]) .wp-block-button__link:hover,
  html:not([data-sci-theme="light"]) .ast-button:hover,
  html:not([data-sci-theme="light"]) button:not(.sci-theme-toggle):not(.dr-switch-btn):not(.menu-toggle):not([class*="ast-mobile-menu-trigger"]):hover,
  html:not([data-sci-theme="light"]) .dr-single-recipe a.dr-btn-link:hover,
  html:not([data-sci-theme="light"]) .dr-single-recipe a.dr-print-trigger:hover {
    background-color: var(--sci-accent-hover) !important;
    border-color: var(--sci-accent-hover) !important;
    color: var(--sci-on-accent) !important;
  }
  /* Кнопка мобильного меню (гамбургер). Это тег button, поэтому правило кнопок закрашивало её охрой и иконка пропадала. Тут фон прозрачный, а линии — цветом текста */
  html:not([data-sci-theme="light"]) .menu-toggle,
  html:not([data-sci-theme="light"]) .ast-mobile-menu-trigger-fill,
  html:not([data-sci-theme="light"]) .ast-mobile-menu-trigger-minimal,
  html:not([data-sci-theme="light"]) .ast-button-wrap .menu-toggle,
  html:not([data-sci-theme="light"]) .menu-toggle .ast-mobile-svg,
  html:not([data-sci-theme="light"]) .ast-mobile-menu-buttons .menu-toggle {
    background: transparent !important;
    color: var(--sci-text) !important;
    fill: var(--sci-text) !important;
    border-color: var(--sci-border) !important;
  }
  /* Переключатель порций в FAQ рецепта (в светлой — #FDFBF7 с рамкой #CDB894) */
  html:not([data-sci-theme="light"]) .dr-faq-toggle-area .dr-switch-btn {
    background-color: var(--sci-surface-2) !important;
    border-color: var(--sci-border) !important;
  }
  /* Ползунок этого переключателя */
  html:not([data-sci-theme="light"]) .dr-faq-toggle-area .dr-switch-btn::before {
    background-color: var(--sci-muted) !important;
  }
  /* Таблицы */
  html:not([data-sci-theme="light"]) table,
  html:not([data-sci-theme="light"]) .wp-block-table table {
    background-color: var(--sci-surface) !important;
    color: var(--sci-text) !important;
  }
  /* Ячейки таблиц */
  html:not([data-sci-theme="light"]) td,
  html:not([data-sci-theme="light"]) th,
  html:not([data-sci-theme="light"]) .wp-block-table td,
  html:not([data-sci-theme="light"]) .wp-block-table th {
    border-color: var(--sci-border) !important;
    color: var(--sci-text) !important;
  }
  /* Чётные строки таблицы */
  html:not([data-sci-theme="light"]) .wp-block-table tr:nth-child(even) td {
    background-color: var(--sci-surface-2) !important;
  }
  /* Разделители (в светлой у hr фон #CCCCCC) */
  html:not([data-sci-theme="light"]) hr,
  html:not([data-sci-theme="light"]) .wp-block-separator {
    background-color: var(--sci-border) !important;
    border-color: var(--sci-border) !important;
  }
  /* FAQ-аккордеон: рамки (у DR классы dr-faq-*, у Yoast — schema-faq-*) */
  html:not([data-sci-theme="light"]) .schema-faq-section,
  html:not([data-sci-theme="light"]) .dr-faq-item,
  html:not([data-sci-theme="light"]) .sci-faq-item,
  html:not([data-sci-theme="light"]) .dr-faqs-list,
  html:not([data-sci-theme="light"]) .dr-faqs-section {
    border-color: var(--sci-border) !important;
    background: transparent !important;
  }
  /* Вопрос FAQ */
  html:not([data-sci-theme="light"]) .schema-faq-question,
  html:not([data-sci-theme="light"]) .dr-faq-question,
  html:not([data-sci-theme="light"]) .dr-faq-title-wrap,
  html:not([data-sci-theme="light"]) .dr-faq-title-wrap * {
    color: var(--sci-heading) !important;
  }
  /* Ответ FAQ: в карточке рецепта текст лежит в dr-faq-content-wrap, поэтому он был тусклым */
  html:not([data-sci-theme="light"]) .schema-faq-answer,
  html:not([data-sci-theme="light"]) .dr-faq-answer,
  html:not([data-sci-theme="light"]) .dr-faq-content-wrap,
  html:not([data-sci-theme="light"]) .dr-faq-content-wrap p,
  html:not([data-sci-theme="light"]) .dr-faq-content-wrap li {
    color: var(--sci-text) !important;
  }
  /* Рубрика над заголовком статьи */
  html:not([data-sci-theme="light"]) .sci-post-cat {
    color: var(--sci-accent) !important;
  }
  /* Карточка автора на странице архива автора */
  html:not([data-sci-theme="light"]) .ast-author-box.ast-archive-description {
    background-color: var(--sci-surface) !important;
    border-color: var(--sci-border) !important;
  }
  /* Аватар автора: подложка и рамка под тёмный фон */
  html:not([data-sci-theme="light"]) .ast-author-box .ast-author-avatar img {
    background-color: var(--sci-surface-2) !important;
    border-color: var(--sci-surface-2) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
  }
  /* Строка роли под именем автора */
  html:not([data-sci-theme="light"]) .sci-author-role {
    color: var(--sci-accent) !important;
  }
  /* Текст биографии автора */
  html:not([data-sci-theme="light"]) .ast-author-box .ast-author-bio p,
  html:not([data-sci-theme="light"]) .sci-author-p {
    color: var(--sci-text) !important;
  }
  /* Пагинация архивов. Сейчас записей мало и её не видно, но она появится сама, когда их станет больше, чем помещается на страницу */
  html:not([data-sci-theme="light"]) .ast-pagination a,
  html:not([data-sci-theme="light"]) .ast-pagination .page-numbers,
  html:not([data-sci-theme="light"]) .page-numbers,
  html:not([data-sci-theme="light"]) .dr-archive-pagination a,
  html:not([data-sci-theme="light"]) .dr-archive-pagination .page-numbers,
  html:not([data-sci-theme="light"]) .nav-links a,
  html:not([data-sci-theme="light"]) .nav-previous a,
  html:not([data-sci-theme="light"]) .nav-next a {
    color: var(--sci-link) !important;
    border-color: var(--sci-border) !important;
    background-color: transparent !important;
  }
  /* Текущая страница в пагинации — залита акцентом */
  html:not([data-sci-theme="light"]) .ast-pagination .page-numbers.current,
  html:not([data-sci-theme="light"]) .page-numbers.current,
  html:not([data-sci-theme="light"]) .dr-archive-pagination .current {
    color: var(--sci-on-accent) !important;
    background-color: var(--sci-accent) !important;
    border-color: var(--sci-accent) !important;
  }
  /* Ссылка «Усі статті блогу» под карточками на главной */
  html:not([data-sci-theme="light"]) .sci-all-posts-link {
    color: var(--sci-accent) !important;
    border-color: var(--sci-accent) !important;
    background-color: transparent !important;
  }
  /* Она же при наведении */
  html:not([data-sci-theme="light"]) .sci-all-posts-link:hover {
    color: var(--sci-on-accent) !important;
    background-color: var(--sci-accent) !important;
  }
  /* Первый экран главной: фон задан инлайн-стилем прямо в блоке, поэтому тут нужен !important — он перебивает инлайн. Картинка маскота лежит на кремовом, в тёмной теме подложка становится тёмной */
  html:not([data-sci-theme="light"]) .wp-block-media-text.has-background,
  html:not([data-sci-theme="light"]) .wp-block-media-text.has-background .wp-block-media-text__content {
    background-color: var(--sci-surface) !important;
    color: var(--sci-text) !important;
  }
  /* Логотип: в тёмной теме показываем светлую версию вместо белой плашки */
  html:not([data-sci-theme="light"]) .sci-logo-light {
    display: none !important;
  }
  /* А версию для тёмной темы, наоборот, показываем */
  html:not([data-sci-theme="light"]) .sci-logo-dark {
    display: inline-block !important;
  }
  /* Поля ввода, выбор порций, поиск рецептов (в светлой — белые) */
  html:not([data-sci-theme="light"]) input[type="text"],
  html:not([data-sci-theme="light"]) input[type="search"],
  html:not([data-sci-theme="light"]) input[type="email"],
  html:not([data-sci-theme="light"]) input[type="number"],
  html:not([data-sci-theme="light"]) select,
  html:not([data-sci-theme="light"]) textarea,
  html:not([data-sci-theme="light"]) .dr-scale-ingredients,
  html:not([data-sci-theme="light"]) .select2-container .select2-selection,
  html:not([data-sci-theme="light"]) .select2-selection__rendered,
  html:not([data-sci-theme="light"]) .select2-dropdown,
  html:not([data-sci-theme="light"]) .select2-results__option {
    background-color: var(--sci-surface-2) !important;
    color: var(--sci-text) !important;
    border-color: var(--sci-border) !important;
  }
  /* Подсказка в поле ввода */
  html:not([data-sci-theme="light"]) ::placeholder {
    color: var(--sci-muted) !important;
    opacity: 1;
  }
  /* Плашка рубрики у плиток (в светлой — #F0F0F0) */
  html:not([data-sci-theme="light"]) .cat-name {
    background-color: var(--sci-surface-2) !important;
    color: var(--sci-text) !important;
  }
  /* Шапки архивов разделов */
  html:not([data-sci-theme="light"]) .dr-archive-container,
  html:not([data-sci-theme="light"]) .page-header,
  html:not([data-sci-theme="light"]) .ast-archive-description {
    background: transparent !important;
    color: var(--sci-text) !important;
  }
  /* Кнопка «наверх» (в светлой — чёрная #040404) */
  html:not([data-sci-theme="light"]) #ast-scroll-top {
    background-color: var(--sci-accent) !important;
    color: var(--sci-on-accent) !important;
  }
  /* Выделение текста мышью */
  html:not([data-sci-theme="light"]) ::selection {
    background-color: var(--sci-accent);
    color: var(--sci-on-accent);
  }
  /* Наша кнопка переключения темы */
  html:not([data-sci-theme="light"]) .sci-theme-toggle {
    background-color: var(--sci-surface-2) !important;
    color: var(--sci-accent) !important;
    border-color: var(--sci-border) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
  }
  /* В тёмной теме на кнопке — солнце */
  html:not([data-sci-theme="light"]) .sci-theme-toggle .sci-icon-sun {
    display: block;
  }
  /* А луна прячется */
  html:not([data-sci-theme="light"]) .sci-theme-toggle .sci-icon-moon {
    display: none;
  }
  /* Тёмная схема для системных элементов: прокрутка, поля, курсор */
  html:not([data-sci-theme="light"]) {
    color-scheme: dark;
    scrollbar-color: var(--sci-border) var(--sci-bg);
  }
}

/* --- 2. Ручной выбор тёмной темы --- */
:root[data-sci-theme="dark"] {
  --sci-bg: #14110D;
  --sci-surface: #1C1813;
  --sci-surface-2: #241F18;
  --sci-text: #EDE6DA;
  --sci-muted: #B5A994;
  --sci-heading: #F6F0E6;
  --sci-border: #3A3227;
  --sci-accent: #E0A33C;
  --sci-accent-hover: #F0B85C;
  --sci-link: #E7B45A;
  --sci-link-hover: #F6D79B;
  --sci-on-accent: #14110D;
  --ast-global-color-0: var(--sci-accent);
  --ast-global-color-1: var(--sci-accent-hover);
  --ast-global-color-2: var(--sci-heading);
  --ast-global-color-3: var(--sci-muted);
  --ast-global-color-4: var(--sci-bg);
  --ast-global-color-5: var(--sci-surface-2);
  --ast-global-color-7: var(--sci-surface);
  --ast-global-color-primary: var(--sci-bg);
  --ast-global-color-secondary: var(--sci-surface-2);
  --ast-global-color-subtle-background: var(--sci-surface);
  --wp--preset--color--ast-global-color-0: var(--sci-accent);
  --wp--preset--color--ast-global-color-1: var(--sci-accent-hover);
  --wp--preset--color--ast-global-color-2: var(--sci-heading);
  --wp--preset--color--ast-global-color-3: var(--sci-muted);
  --wp--preset--color--ast-global-color-4: var(--sci-bg);
  --wp--preset--color--ast-global-color-5: var(--sci-surface-2);
  --wp--preset--color--ast-global-color-7: var(--sci-surface);
}

/* Фон страницы и базовый текст (в светлой теме тут #FDFBF7 и #2B2115) */
html[data-sci-theme="dark"] body,
html[data-sci-theme="dark"] .site,
html[data-sci-theme="dark"] #page,
html[data-sci-theme="dark"] .site-content,
html[data-sci-theme="dark"] .ast-container,
html[data-sci-theme="dark"] .ast-article-single,
html[data-sci-theme="dark"] .ast-article-post,
html[data-sci-theme="dark"] .dr-single-recipe {
  background-color: var(--sci-bg) !important;
  color: var(--sci-text) !important;
}
/* Шапка, меню, футер (в светлой — белые #FFFFFF) */
html[data-sci-theme="dark"] .site-header,
html[data-sci-theme="dark"] .main-header-bar,
html[data-sci-theme="dark"] .ast-primary-header-bar,
html[data-sci-theme="dark"] .site-primary-header-wrap,
html[data-sci-theme="dark"] .ast-mobile-header-wrap,
html[data-sci-theme="dark"] .main-header-menu,
html[data-sci-theme="dark"] .sub-menu,
html[data-sci-theme="dark"] .ast-mobile-popup-drawer .main-header-bar-navigation,
html[data-sci-theme="dark"] .site-footer,
html[data-sci-theme="dark"] .site-below-footer-wrap,
html[data-sci-theme="dark"] .site-primary-footer-wrap {
  background-color: var(--sci-surface-2) !important;
  color: var(--sci-text) !important;
  border-color: var(--sci-border) !important;
}
/* Заголовки */
html[data-sci-theme="dark"] h1,
html[data-sci-theme="dark"] h2,
html[data-sci-theme="dark"] h3,
html[data-sci-theme="dark"] h4,
html[data-sci-theme="dark"] h5,
html[data-sci-theme="dark"] h6,
html[data-sci-theme="dark"] .entry-title,
html[data-sci-theme="dark"] .ast-single-post-banner-title,
html[data-sci-theme="dark"] .dr-title,
html[data-sci-theme="dark"] .dr-entry-title {
  color: var(--sci-heading) !important;
}
/* Ссылки в контенте: тёплое золото. Кнопки исключены — иначе это правило било по цвету текста на кнопках Delicious Recipes (было бледное золото на охре) */
html[data-sci-theme="dark"] .entry-content a:not([class*="dr-btn"]):not(.dr-print-trigger):not(.wp-block-button__link),
html[data-sci-theme="dark"] .ast-article-single a:not([class*="dr-btn"]):not(.dr-print-trigger):not(.wp-block-button__link),
html[data-sci-theme="dark"] .dr-recipe-content a:not([class*="dr-btn"]):not(.dr-print-trigger),
html[data-sci-theme="dark"] .dr-single-recipe a:not([class*="dr-btn"]):not(.dr-print-trigger),
html[data-sci-theme="dark"] .schema-faq-answer a,
html[data-sci-theme="dark"] .sci-post-cat a,
html[data-sci-theme="dark"] .wp-block-latest-posts__post-title,
html[data-sci-theme="dark"] .entry-title a,
html[data-sci-theme="dark"] .ast-article-post .entry-title a,
html[data-sci-theme="dark"] .blog-layout-4 .entry-title a {
  color: var(--sci-link) !important;
}
/* Наведение на ссылку */
html[data-sci-theme="dark"] .entry-content a:hover,
html[data-sci-theme="dark"] .ast-article-single a:hover,
html[data-sci-theme="dark"] .dr-recipe-content a:hover,
html[data-sci-theme="dark"] .schema-faq-answer a:hover,
html[data-sci-theme="dark"] .wp-block-latest-posts__post-title:hover {
  color: var(--sci-link-hover) !important;
}
/* Ссылки меню и футера (в светлой — #5C4F3C и #040404), плюс скрытая ссылка «Перейти до вмісту» для клавиатуры: она оставалась чёрной на тёмном */
html[data-sci-theme="dark"] .menu-link,
html[data-sci-theme="dark"] .main-header-menu a,
html[data-sci-theme="dark"] .ast-builder-layout-element a,
html[data-sci-theme="dark"] .site-footer a,
html[data-sci-theme="dark"] .skip-link,
html[data-sci-theme="dark"] .site-title a,
html[data-sci-theme="dark"] .ast-site-identity .site-title a {
  color: var(--sci-text) !important;
}
/* Наведение в меню */
html[data-sci-theme="dark"] .menu-link:hover,
html[data-sci-theme="dark"] .main-header-menu a:hover,
html[data-sci-theme="dark"] .site-footer a:hover {
  color: var(--sci-accent) !important;
}
/* Светлые плашки Delicious Recipes: кремовая карточка, заметки, пищевая ценность, советы (в светлой — #FBF4E9 и #FFFFFF). Из-за них на тёмном фоне был светлый текст по светлому фону */
html[data-sci-theme="dark"] .dr-summary-holder,
html[data-sci-theme="dark"] .dr-note,
html[data-sci-theme="dark"] .dr-list-tips,
html[data-sci-theme="dark"] .dr-nutrition-list,
html[data-sci-theme="dark"] .dr-nutrition-label,
html[data-sci-theme="dark"] .dr-recipe-card,
html[data-sci-theme="dark"] .dr-recipe-wrap,
html[data-sci-theme="dark"] .wpd-recipe-card,
html[data-sci-theme="dark"] .wp-block-latest-posts li,
html[data-sci-theme="dark"] .dr-recipe-item,
html[data-sci-theme="dark"] .recipe-card,
html[data-sci-theme="dark"] .ast-article-inner,
html[data-sci-theme="dark"] .blog-layout-4,
html[data-sci-theme="dark"] .ast-blog-featured-section,
html[data-sci-theme="dark"] .has-ast-global-color-4-background-color,
html[data-sci-theme="dark"] .has-ast-global-color-5-background-color,
html[data-sci-theme="dark"] .has-ast-global-color-7-background-color,
html[data-sci-theme="dark"] .search-form {
  background-color: var(--sci-surface) !important;
  color: var(--sci-text) !important;
  border-color: var(--sci-border) !important;
}
/* Текст внутри карточки рецепта: ингредиенты (li.recipe-ingredient > label > span), шаги, примечания, подписи. Без этого правила они оставались тёмными на тёмном. Идёт ДО правил ссылок, кнопок и меты, поэтому те по-прежнему сильнее */
html[data-sci-theme="dark"] .dr-single-recipe li,
html[data-sci-theme="dark"] .dr-single-recipe label,
html[data-sci-theme="dark"] .dr-single-recipe span,
html[data-sci-theme="dark"] .dr-single-recipe p,
html[data-sci-theme="dark"] .dr-single-recipe strong,
html[data-sci-theme="dark"] .dr-single-recipe em,
html[data-sci-theme="dark"] .recipe-ingredient,
html[data-sci-theme="dark"] .recipe-ingredient label,
html[data-sci-theme="dark"] .recipe-ingredient span,
html[data-sci-theme="dark"] .ingredient_quantity,
html[data-sci-theme="dark"] .ingredient_unit,
html[data-sci-theme="dark"] .ingredient_name,
html[data-sci-theme="dark"] .dr-instructions-list li,
html[data-sci-theme="dark"] .dr-instructions-list p,
html[data-sci-theme="dark"] .direction-step,
html[data-sci-theme="dark"] .dr-recipe-notes,
html[data-sci-theme="dark"] .dr-recipe-notes p,
html[data-sci-theme="dark"] .dr-nutrition-item,
html[data-sci-theme="dark"] .dr-nutrition-item * {
  color: var(--sci-text) !important;
}
/* Мета, даты, подписи (в светлой — #374757 и #040404) */
html[data-sci-theme="dark"] .entry-meta,
html[data-sci-theme="dark"] .entry-meta *,
html[data-sci-theme="dark"] .posted-on,
html[data-sci-theme="dark"] .dr-recipe-meta,
html[data-sci-theme="dark"] .dr-recipe-meta *,
html[data-sci-theme="dark"] .dr-meta-title,
html[data-sci-theme="dark"] .wp-block-latest-posts__post-date,
html[data-sci-theme="dark"] figcaption {
  color: var(--sci-muted) !important;
}
/* Кнопки: акцент вместо светлого текста на охре. Своя кнопка темы исключена */
html[data-sci-theme="dark"] .dr-btn-link,
html[data-sci-theme="dark"] .dr-btn1,
html[data-sci-theme="dark"] .dr-print-trigger,
html[data-sci-theme="dark"] .dr-form__submit,
html[data-sci-theme="dark"] .dr-btn,
html[data-sci-theme="dark"] .wpd-btn,
html[data-sci-theme="dark"] .wp-block-button__link,
html[data-sci-theme="dark"] .ast-button,
html[data-sci-theme="dark"] input[type="submit"],
html[data-sci-theme="dark"] input.search-submit,
html[data-sci-theme="dark"] button:not(.sci-theme-toggle):not(.dr-switch-btn):not(.menu-toggle):not([class*="ast-mobile-menu-trigger"]):not(.slick-arrow),
html[data-sci-theme="dark"] .dr-single-recipe a.dr-btn-link,
html[data-sci-theme="dark"] .dr-single-recipe a.dr-print-trigger,
html[data-sci-theme="dark"] .dr-buttons .dr-btn-link.dr-btn1,
html[data-sci-theme="dark"] .wpdelicious-recipe-banner .dr-btn-link {
  background-color: var(--sci-accent) !important;
  border-color: var(--sci-accent) !important;
  color: var(--sci-on-accent) !important;
}
/* Наведение на кнопки */
html[data-sci-theme="dark"] .dr-btn-link:hover,
html[data-sci-theme="dark"] .dr-btn1:hover,
html[data-sci-theme="dark"] .dr-print-trigger:hover,
html[data-sci-theme="dark"] .dr-form__submit:hover,
html[data-sci-theme="dark"] .dr-btn:hover,
html[data-sci-theme="dark"] .wp-block-button__link:hover,
html[data-sci-theme="dark"] .ast-button:hover,
html[data-sci-theme="dark"] button:not(.sci-theme-toggle):not(.dr-switch-btn):not(.menu-toggle):not([class*="ast-mobile-menu-trigger"]):hover,
html[data-sci-theme="dark"] .dr-single-recipe a.dr-btn-link:hover,
html[data-sci-theme="dark"] .dr-single-recipe a.dr-print-trigger:hover {
  background-color: var(--sci-accent-hover) !important;
  border-color: var(--sci-accent-hover) !important;
  color: var(--sci-on-accent) !important;
}
/* Кнопка мобильного меню (гамбургер). Это тег button, поэтому правило кнопок закрашивало её охрой и иконка пропадала. Тут фон прозрачный, а линии — цветом текста */
html[data-sci-theme="dark"] .menu-toggle,
html[data-sci-theme="dark"] .ast-mobile-menu-trigger-fill,
html[data-sci-theme="dark"] .ast-mobile-menu-trigger-minimal,
html[data-sci-theme="dark"] .ast-button-wrap .menu-toggle,
html[data-sci-theme="dark"] .menu-toggle .ast-mobile-svg,
html[data-sci-theme="dark"] .ast-mobile-menu-buttons .menu-toggle {
  background: transparent !important;
  color: var(--sci-text) !important;
  fill: var(--sci-text) !important;
  border-color: var(--sci-border) !important;
}
/* Переключатель порций в FAQ рецепта (в светлой — #FDFBF7 с рамкой #CDB894) */
html[data-sci-theme="dark"] .dr-faq-toggle-area .dr-switch-btn {
  background-color: var(--sci-surface-2) !important;
  border-color: var(--sci-border) !important;
}
/* Ползунок этого переключателя */
html[data-sci-theme="dark"] .dr-faq-toggle-area .dr-switch-btn::before {
  background-color: var(--sci-muted) !important;
}
/* Таблицы */
html[data-sci-theme="dark"] table,
html[data-sci-theme="dark"] .wp-block-table table {
  background-color: var(--sci-surface) !important;
  color: var(--sci-text) !important;
}
/* Ячейки таблиц */
html[data-sci-theme="dark"] td,
html[data-sci-theme="dark"] th,
html[data-sci-theme="dark"] .wp-block-table td,
html[data-sci-theme="dark"] .wp-block-table th {
  border-color: var(--sci-border) !important;
  color: var(--sci-text) !important;
}
/* Чётные строки таблицы */
html[data-sci-theme="dark"] .wp-block-table tr:nth-child(even) td {
  background-color: var(--sci-surface-2) !important;
}
/* Разделители (в светлой у hr фон #CCCCCC) */
html[data-sci-theme="dark"] hr,
html[data-sci-theme="dark"] .wp-block-separator {
  background-color: var(--sci-border) !important;
  border-color: var(--sci-border) !important;
}
/* FAQ-аккордеон: рамки (у DR классы dr-faq-*, у Yoast — schema-faq-*) */
html[data-sci-theme="dark"] .schema-faq-section,
html[data-sci-theme="dark"] .dr-faq-item,
html[data-sci-theme="dark"] .sci-faq-item,
html[data-sci-theme="dark"] .dr-faqs-list,
html[data-sci-theme="dark"] .dr-faqs-section {
  border-color: var(--sci-border) !important;
  background: transparent !important;
}
/* Вопрос FAQ */
html[data-sci-theme="dark"] .schema-faq-question,
html[data-sci-theme="dark"] .dr-faq-question,
html[data-sci-theme="dark"] .dr-faq-title-wrap,
html[data-sci-theme="dark"] .dr-faq-title-wrap * {
  color: var(--sci-heading) !important;
}
/* Ответ FAQ: в карточке рецепта текст лежит в dr-faq-content-wrap, поэтому он был тусклым */
html[data-sci-theme="dark"] .schema-faq-answer,
html[data-sci-theme="dark"] .dr-faq-answer,
html[data-sci-theme="dark"] .dr-faq-content-wrap,
html[data-sci-theme="dark"] .dr-faq-content-wrap p,
html[data-sci-theme="dark"] .dr-faq-content-wrap li {
  color: var(--sci-text) !important;
}
/* Рубрика над заголовком статьи */
html[data-sci-theme="dark"] .sci-post-cat {
  color: var(--sci-accent) !important;
}
/* Карточка автора на странице архива автора */
html[data-sci-theme="dark"] .ast-author-box.ast-archive-description {
  background-color: var(--sci-surface) !important;
  border-color: var(--sci-border) !important;
}
/* Аватар автора: подложка и рамка под тёмный фон */
html[data-sci-theme="dark"] .ast-author-box .ast-author-avatar img {
  background-color: var(--sci-surface-2) !important;
  border-color: var(--sci-surface-2) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}
/* Строка роли под именем автора */
html[data-sci-theme="dark"] .sci-author-role {
  color: var(--sci-accent) !important;
}
/* Текст биографии автора */
html[data-sci-theme="dark"] .ast-author-box .ast-author-bio p,
html[data-sci-theme="dark"] .sci-author-p {
  color: var(--sci-text) !important;
}
/* Пагинация архивов. Сейчас записей мало и её не видно, но она появится сама, когда их станет больше, чем помещается на страницу */
html[data-sci-theme="dark"] .ast-pagination a,
html[data-sci-theme="dark"] .ast-pagination .page-numbers,
html[data-sci-theme="dark"] .page-numbers,
html[data-sci-theme="dark"] .dr-archive-pagination a,
html[data-sci-theme="dark"] .dr-archive-pagination .page-numbers,
html[data-sci-theme="dark"] .nav-links a,
html[data-sci-theme="dark"] .nav-previous a,
html[data-sci-theme="dark"] .nav-next a {
  color: var(--sci-link) !important;
  border-color: var(--sci-border) !important;
  background-color: transparent !important;
}
/* Текущая страница в пагинации — залита акцентом */
html[data-sci-theme="dark"] .ast-pagination .page-numbers.current,
html[data-sci-theme="dark"] .page-numbers.current,
html[data-sci-theme="dark"] .dr-archive-pagination .current {
  color: var(--sci-on-accent) !important;
  background-color: var(--sci-accent) !important;
  border-color: var(--sci-accent) !important;
}
/* Ссылка «Усі статті блогу» под карточками на главной */
html[data-sci-theme="dark"] .sci-all-posts-link {
  color: var(--sci-accent) !important;
  border-color: var(--sci-accent) !important;
  background-color: transparent !important;
}
/* Она же при наведении */
html[data-sci-theme="dark"] .sci-all-posts-link:hover {
  color: var(--sci-on-accent) !important;
  background-color: var(--sci-accent) !important;
}
/* Первый экран главной: фон задан инлайн-стилем прямо в блоке, поэтому тут нужен !important — он перебивает инлайн. Картинка маскота лежит на кремовом, в тёмной теме подложка становится тёмной */
html[data-sci-theme="dark"] .wp-block-media-text.has-background,
html[data-sci-theme="dark"] .wp-block-media-text.has-background .wp-block-media-text__content {
  background-color: var(--sci-surface) !important;
  color: var(--sci-text) !important;
}
/* Логотип: в тёмной теме показываем светлую версию вместо белой плашки */
html[data-sci-theme="dark"] .sci-logo-light {
  display: none !important;
}
/* А версию для тёмной темы, наоборот, показываем */
html[data-sci-theme="dark"] .sci-logo-dark {
  display: inline-block !important;
}
/* Поля ввода, выбор порций, поиск рецептов (в светлой — белые) */
html[data-sci-theme="dark"] input[type="text"],
html[data-sci-theme="dark"] input[type="search"],
html[data-sci-theme="dark"] input[type="email"],
html[data-sci-theme="dark"] input[type="number"],
html[data-sci-theme="dark"] select,
html[data-sci-theme="dark"] textarea,
html[data-sci-theme="dark"] .dr-scale-ingredients,
html[data-sci-theme="dark"] .select2-container .select2-selection,
html[data-sci-theme="dark"] .select2-selection__rendered,
html[data-sci-theme="dark"] .select2-dropdown,
html[data-sci-theme="dark"] .select2-results__option {
  background-color: var(--sci-surface-2) !important;
  color: var(--sci-text) !important;
  border-color: var(--sci-border) !important;
}
/* Подсказка в поле ввода */
html[data-sci-theme="dark"] ::placeholder {
  color: var(--sci-muted) !important;
  opacity: 1;
}
/* Плашка рубрики у плиток (в светлой — #F0F0F0) */
html[data-sci-theme="dark"] .cat-name {
  background-color: var(--sci-surface-2) !important;
  color: var(--sci-text) !important;
}
/* Шапки архивов разделов */
html[data-sci-theme="dark"] .dr-archive-container,
html[data-sci-theme="dark"] .page-header,
html[data-sci-theme="dark"] .ast-archive-description {
  background: transparent !important;
  color: var(--sci-text) !important;
}
/* Кнопка «наверх» (в светлой — чёрная #040404) */
html[data-sci-theme="dark"] #ast-scroll-top {
  background-color: var(--sci-accent) !important;
  color: var(--sci-on-accent) !important;
}
/* Выделение текста мышью */
html[data-sci-theme="dark"] ::selection {
  background-color: var(--sci-accent);
  color: var(--sci-on-accent);
}
/* Наша кнопка переключения темы */
html[data-sci-theme="dark"] .sci-theme-toggle {
  background-color: var(--sci-surface-2) !important;
  color: var(--sci-accent) !important;
  border-color: var(--sci-border) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
}
/* В тёмной теме на кнопке — солнце */
html[data-sci-theme="dark"] .sci-theme-toggle .sci-icon-sun {
  display: block;
}
/* А луна прячется */
html[data-sci-theme="dark"] .sci-theme-toggle .sci-icon-moon {
  display: none;
}
/* Тёмная схема для системных элементов: прокрутка, поля, курсор */
html[data-sci-theme="dark"] {
  color-scheme: dark;
  scrollbar-color: var(--sci-border) var(--sci-bg);
}

/* --- Кнопка переключения темы: базовый (светлый) вид ---
   Справа над «Нагору» Astra (2026-10-22, владелец): та стоит right 15 / bottom 24 / 44px,
   центры по одной оси, зазор 12px. Замер на живой странице 1400 и 375. */
.sci-theme-toggle {
  position: fixed;
  right: 15px;
  bottom: 80px;
  z-index: 9999;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E8E0D4;
  border-radius: 2px;  /* острые формы, как кнопки сайта (владелец 2026-10-22) */
  background: #FFFFFF;
  color: #5C4F3C;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(43, 33, 21, .12);
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
.sci-theme-toggle:hover { transform: translateY(-2px); }
.sci-theme-toggle svg { width: 20px; height: 20px; display: block; }
.sci-theme-toggle .sci-icon-sun { display: none; }
@media (max-width: 921px) {
  .sci-theme-toggle { width: 40px; height: 40px; bottom: 80px; right: 17px; }
}

/* --- Подложка под фото (2026-09-23) ---
   Пока файл едет (с холодного края Cloudflare это 1-3 с), на месте фото
   тёплая плашка в тон карточки, а не белая дыра. Только для фотографий:
   у логотипов и маскота прозрачный фон, подложка вылезла бы наружу,
   поэтому их селекторов здесь нет, а картинки-блоки берём без PNG. --- */
.dr-instruction .additional-images img,
.dr-instructions .additional-images img,
.dr-image img,
.dr-recipe-fig img,
.wp-block-latest-posts__featured-image img,
.entry-content .wp-block-image img:not([src$=".png"]),
article img.wp-post-image {
  background-color: #EDE4D4;
}
@media (prefers-color-scheme: dark) {
  html:not([data-sci-theme="light"]) .dr-instruction .additional-images img,
  html:not([data-sci-theme="light"]) .dr-instructions .additional-images img,
  html:not([data-sci-theme="light"]) .dr-image img,
  html:not([data-sci-theme="light"]) .dr-recipe-fig img,
  html:not([data-sci-theme="light"]) .wp-block-latest-posts__featured-image img,
  html:not([data-sci-theme="light"]) .entry-content .wp-block-image img:not([src$=".png"]),
  html:not([data-sci-theme="light"]) article img.wp-post-image {
    background-color: var(--sci-surface-2, #2A241C);
  }
}
html[data-sci-theme="dark"] .dr-instruction .additional-images img,
html[data-sci-theme="dark"] .dr-instructions .additional-images img,
html[data-sci-theme="dark"] .dr-image img,
html[data-sci-theme="dark"] .dr-recipe-fig img,
html[data-sci-theme="dark"] .wp-block-latest-posts__featured-image img,
html[data-sci-theme="dark"] .entry-content .wp-block-image img:not([src$=".png"]),
html[data-sci-theme="dark"] article img.wp-post-image {
  background-color: var(--sci-surface-2, #2A241C);
}
/* ═══ Верхнее меню, концепт A «Редакційна» (2026-09-27) ═══
   Только десктоп (≥922px): мобильное меню Astra не трогаем.
   Тёмная тема: цвета текста и фон выпадашки перебивают правила data-sci-theme выше
   (у них специфичность больше), здесь добавлен только фон наведения. */
@media (min-width:922px){
.main-header-menu > .menu-item > a{color:#2B2115 !important;font-weight:500;font-size:15.5px;letter-spacing:.01em;position:relative}
.main-header-menu > .menu-item > a::after{content:"";position:absolute;left:16px;right:16px;bottom:27px;height:2px;background:#C58A1E;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.main-header-menu > .menu-item:hover > a::after,.main-header-menu > .current-menu-item > a::after{transform:scaleX(1)}
.main-header-menu > .current-menu-item > a{color:#8A5A0C !important}
.main-header-menu .sub-menu{background:#FBF4E9 !important;border:1px solid #EADFCB !important;box-shadow:0 14px 30px -14px rgba(60,40,15,.3) !important;border-radius:3px;padding:6px 0 !important}
.main-header-menu .sub-menu a{color:#3D3024 !important;font-size:15px;padding:9px 18px !important;border-left:2px solid transparent}
.main-header-menu .sub-menu a:hover{background:#F4E8D4 !important;border-left-color:#C58A1E;color:#2B2115 !important}
/* «Кухні» внутри «Панель рецептів» — группой с подписью, без третьего уровня:
   вложенная выпадашка раскрывалась вправо и на 1280 px уезжала за край экрана */
.main-header-menu .sub-menu .menu-item-has-children > .sub-menu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:0 !important;background:transparent !important;padding:0 0 6px 8px !important;width:auto !important;margin:0 !important;left:auto !important;top:auto !important;display:flex !important;flex-direction:column}
.main-header-menu .sub-menu .menu-item-has-children > a{pointer-events:none;text-transform:uppercase;font-size:11.5px !important;letter-spacing:.09em;color:#9A7B4F !important;padding-top:12px !important;padding-bottom:4px !important;border-top:1px solid #EADFCB;margin-top:4px;background:transparent !important}
.main-header-menu .sub-menu .menu-item-has-children > a .ast-icon,.main-header-menu .sub-menu .menu-item-has-children > a .dropdown-menu-toggle,.main-header-menu .sub-menu .menu-item-has-children > .ast-menu-toggle{display:none !important}
html[data-sci-theme="dark"] .main-header-menu .sub-menu a:hover{background:rgba(255,255,255,.06) !important}
html[data-sci-theme="dark"] .main-header-menu .sub-menu .menu-item-has-children > a{border-top-color:rgba(255,255,255,.12)}
}
@media (min-width:922px) and (prefers-color-scheme:dark){
html:not([data-sci-theme="light"]) .main-header-menu .sub-menu a:hover{background:rgba(255,255,255,.06) !important}
html:not([data-sci-theme="light"]) .main-header-menu .sub-menu .menu-item-has-children > a{border-top-color:rgba(255,255,255,.12)}
}

/* ═══ Переключатель языка в верхнем меню + кнопка «наверх» (2026-10-03) ═══
   Пункт .sci-lang выводит sci-core.php (SCI LANG), адреса — SCI I18N. Кнопка «наверх»: была чёрная
   и поднята сниппетом на 72px над плавающим блоком TranslatePress (удалён 2026-10-17) — теперь внизу, золото сайта;
   в тёмной теме её красит акцент (правила выше с !important). */
.main-header-menu .sci-lang{display:flex;align-items:center}
.main-header-menu .sci-lang .sci-lang-in{display:inline-flex;align-items:center;gap:2px;margin-left:10px;border:1px solid #E3D3B8;border-radius:2px;padding:3px;background:#FBF4E9}
.main-header-menu .sci-lang a.sci-lang-opt{padding:4px 11px!important;line-height:1.2!important;font-size:13.5px;font-weight:600;letter-spacing:.04em;border-radius:1px;color:#7A6347!important;text-decoration:none}
.main-header-menu .sci-lang a.sci-lang-opt::after{display:none!important}
.main-header-menu .sci-lang a.sci-lang-opt:hover{background:#F1E3CC;color:#2B2115!important}
.main-header-menu .sci-lang a.sci-lang-opt.is-current{background:#C58A1E;color:#fff!important;pointer-events:none}
html[data-sci-theme="dark"] .main-header-menu .sci-lang .sci-lang-in{background:transparent;border-color:rgba(255,255,255,.18)}
html[data-sci-theme="dark"] .main-header-menu .sci-lang a.sci-lang-opt{color:#D9C6A6!important}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .main-header-menu .sci-lang .sci-lang-in{background:transparent;border-color:rgba(255,255,255,.18)}
html:not([data-sci-theme="light"]) .main-header-menu .sci-lang a.sci-lang-opt{color:#D9C6A6!important}
}
@media (max-width:921px){.main-header-menu .sci-lang{padding:14px 20px}
.main-header-menu .sci-lang .sci-lang-in{margin-left:0}
}
html body #ast-scroll-top{bottom:24px!important;right:20px;width:44px;height:44px;line-height:44px;border-radius:2px;background-color:#C58A1E;color:#fff;box-shadow:0 6px 16px -6px rgba(60,40,15,.45);transition:background-color .15s ease}
html body #ast-scroll-top:hover{background-color:#A9730F}

/* ═══ Гирлянда «Таверна» над названием в шапке (2026-10-03) ═══
   Картинка из ChatGPT по generators/prompts_vignette_gpt.md, прозрачный фон;
   файл /wp-content/uploads/sci-garland.webp (480x133, 2x от показа). Высота ~54px:
   блок названия не выше логотипа (~82px), поэтому шапка на десктопе не растёт.
   Макет и снимки — design/vignette-2026-10-03/ (страница G). */
/* ═══ Название сайта в шапке: гравюрный шрифт + кликабельная гирлянда (2026-10-22, владелец) ═══
   Шрифт IM FELL English (Igino Marini, SIL OFL 1.1), урезан до букв «Smart Cooking Ideas»
   и переименован в «SCI Title» (OFL: изменённая версия не носит зарезервированное имя);
   вшит сюда data-URI, 6,6 КБ, без отдельного запроса. Цвет — чернила логотипа (#54310B).
   Гирлянда переехала с обёртки на саму ссылку: клик по гирлянде ведёт на главную.
   Вариант 1 «один блок» (владелец 2026-10-22, макет design/header-lockup-2026-10-22/): значок главный,
   надпись 25 px и гирлянда 160 px прижаты к нему (зазор 8 px); мобайл: значок 112, гирлянда 136, надпись 20. */
.site-header .site-logo-img{padding-right:8px!important}
@font-face{font-family:'SCI Title';src:url(data:font/woff2;base64,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) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.ast-site-title-wrap{position:relative;padding-top:0}
.site-title a{display:inline-block;position:relative;padding-top:43px}
.site-title a::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:160px;aspect-ratio:480/133;background:url(/wp-content/uploads/sci-garland.webp) center/contain no-repeat}
html body .site-title a,html body .ast-site-identity .site-title a{font-family:'SCI Title',"PT Serif",Georgia,serif!important;font-weight:400!important;font-size:25px!important;line-height:25px!important;letter-spacing:.01em;color:#54310B!important;text-shadow:0 1px 0 rgba(255,246,228,.7)}
html body .site-title a:hover{color:#7A4B14!important}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) body .site-title a,html:not([data-sci-theme="light"]) body .ast-site-identity .site-title a{color:#D9C6A6!important;text-shadow:none}}
html[data-sci-theme="dark"] body .site-title a,html[data-sci-theme="dark"] body .ast-site-identity .site-title a{color:#D9C6A6!important;text-shadow:none}
@media (max-width:921px){.site-title a{padding-top:38px}
/* мобильный: столбик Smart / Cooking / Ideas по центру под гирляндой (владелец 2026-10-22, вариант 3);
   word-spacing шире строки ставит каждое слово на свою строку, высота шапки как при прежних трёх строках на 375 */
.site-title a{display:block;text-align:center;word-spacing:100vw}
.site-title a::before{width:136px}
.site-header .site-logo-img img.custom-logo{width:112px!important;height:auto!important}
html body .site-title a,html body .ast-site-identity .site-title a{font-size:20px!important;line-height:22px!important}
}

/* ═══ Маскот в шапке хабов (2026-10-03) ═══
   Картинку вставляет sci-core.php (SCI HUB MASCOT) первым элементом контейнера шапки архива.
   Десктоп: сетка, текст слева, кот справа на всю высоту текста; телефон: кот над заголовком. */
.dr-archive-container>.page-header>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center}
.dr-archive-container>.page-header>.container>*{grid-column:1}
.dr-archive-container>.page-header>.container>.sci-hub-mascot{grid-column:2;grid-row:1/span 4;margin:0;width:300px}
.sci-hub-mascot img{display:block;width:100%;height:auto}
@media (max-width:921px){.dr-archive-container>.page-header>.container{display:block}
.dr-archive-container>.page-header>.container>.sci-hub-mascot{width:min(240px,70%);margin:0 auto 14px}
}
/* Тёмная тема: описание хаба было тёмно-коричневым на тёмном — почти не читалось (найдено 2026-10-03) */
html[data-sci-theme="dark"] .dr-archive-container .archive-description,html[data-sci-theme="dark"] .dr-archive-container .archive-description p,html[data-sci-theme="dark"] .dr-archive-container .recipe-taxonomy-count-top,html[data-sci-theme="dark"] .dr-archive-container .dr-showing-results{color:var(--sci-text)!important}
html[data-sci-theme="dark"] .dr-archive-container .archive-description a{color:var(--sci-link)!important}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .dr-archive-container .archive-description,html:not([data-sci-theme="light"]) .dr-archive-container .archive-description p,html:not([data-sci-theme="light"]) .dr-archive-container .recipe-taxonomy-count-top,html:not([data-sci-theme="light"]) .dr-archive-container .dr-showing-results{color:var(--sci-text)!important}
html:not([data-sci-theme="light"]) .dr-archive-container .archive-description a{color:var(--sci-link)!important}
}

/* ═══ FAQ в две колонки (2026-10-03) ═══
   Все FAQ сайта: рецепты (.dr-faqs-list), статьи и хабы (.schema-faq.sci-faq). Две равные
   колонки и на десктопе, и на телефоне; каждый вопрос — карточка; высоту вопросов в блоке
   выравнивает скрипт из sci-core.php (SCI FAQ GRID) через --sci-faq-h — все строки одинаковые.
   Стоит в конце файла: перебивает правила аккордеона выше той же специфичности. */
.dr-faqs-list,.schema-faq.sci-faq{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;border-top:0!important}
.dr-faqs-list .dr-faq-item,.schema-faq.sci-faq .schema-faq-section{border:1px solid #E2D3BA!important;border-radius:2px!important;background:#FFFDF8!important;overflow:hidden}
.dr-faqs-list .dr-faq-title-wrap,.schema-faq.sci-faq .schema-faq-question{min-height:var(--sci-faq-h,0px);box-sizing:border-box;display:flex!important;align-items:center;padding:16px 44px 16px 18px!important}
.dr-faqs-list .dr-faq-title-wrap .dr-title,.schema-faq.sci-faq .schema-faq-question{font-size:17px!important}
.dr-faqs-list .dr-faq-title-wrap::after,.schema-faq.sci-faq .schema-faq-question::after{right:14px!important}
.dr-faqs-list .dr-faq-content-wrap p,.schema-faq.sci-faq .schema-faq-answer{padding:0 18px 16px!important;max-width:none!important;font-size:15px!important}
@media (max-width:921px){.dr-faqs-list,.schema-faq.sci-faq{gap:8px}
.dr-faqs-list .dr-faq-title-wrap,.schema-faq.sci-faq .schema-faq-question{padding:12px 30px 12px 12px!important}
.dr-faqs-list .dr-faq-title-wrap .dr-title,.schema-faq.sci-faq .schema-faq-question{font-size:14.5px!important;line-height:1.3!important}
.dr-faqs-list .dr-faq-title-wrap::after,.schema-faq.sci-faq .schema-faq-question::after{right:9px!important;width:14px!important;height:14px!important;margin-top:-7px!important}
.dr-faqs-list .dr-faq-content-wrap p,.schema-faq.sci-faq .schema-faq-answer{padding:0 12px 12px!important;font-size:13.5px!important;line-height:1.55!important}
}
html[data-sci-theme="dark"] .dr-faqs-list .dr-faq-item,html[data-sci-theme="dark"] .schema-faq.sci-faq .schema-faq-section{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.14)!important}

/* ═══ УТП на главной — карточки по центру с объёмом (2026-10-03) ═══
   Скругления 2px — как везде на сайте (владелец: «у нас минимум скруглений»). Медальон — квадрат.
   Владелец: «центрировать и придать объёмности — совсем плоские». Поверх «Редакційної» подачи
   выше: карточка с мягкой тенью, всё по центру, иконка в медальоне (::before — круг с объёмом,
   ::after — иконка), лёгкий подъём при наведении. Макет — design/vignette-2026-10-03/usp_mock.py. */
.wp-block-columns:has(img[src*="starter-content"]){gap:22px!important}
.wp-block-column:has(img[src*="starter-content"]),.wp-block-column:has(img[src*="starter-content"]):first-child,.wp-block-column:has(img[src*="starter-content"]):last-child{background:linear-gradient(180deg,#FFFDF8 0%,#FBF3E6 100%)!important;border:1px solid #EADFCB!important;border-radius:2px!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 28px -16px rgba(70,45,15,.35),0 2px 6px -2px rgba(70,45,15,.12)!important;padding:30px 24px 28px!important;text-align:center!important;transition:transform .2s ease,box-shadow .2s ease}
.wp-block-column:has(img[src*="starter-content"]):hover{transform:translateY(-3px)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 34px -16px rgba(70,45,15,.42),0 3px 8px -2px rgba(70,45,15,.14)!important}
.wp-block-column:has(img[src*="starter-content"])::before{width:48px!important;height:48px!important;margin:0 auto 16px!important;border-radius:2px;-webkit-mask:none!important;mask:none!important;background:radial-gradient(circle at 35% 30%,#FFF6E6 0%,#F6E2BF 55%,#EBCB97 100%)!important;box-shadow:0 6px 14px -6px rgba(120,80,20,.45),0 0 0 4px rgba(197,138,30,.08),inset 0 -3px 6px rgba(150,100,30,.18)}
.wp-block-column:has(img[src*="starter-content"])::after{content:"";position:absolute;top:47px;left:50%;width:32px;height:32px;transform:translateX(-50%);background-color:#A96C0C;-webkit-mask:var(--sci-ico) center/contain no-repeat;mask:var(--sci-ico) center/contain no-repeat}
.wp-block-column:has(img[src*="starter-content"])>p{text-align:center!important}
.wp-block-column:has(img[src*="starter-content"])>p:not(.has-medium-font-size){max-width:30ch;margin-left:auto!important;margin-right:auto!important}
@media (max-width:781px){.wp-block-column:has(img[src*="starter-content"]),.wp-block-column:has(img[src*="starter-content"]):first-child{border-top:1px solid #EADFCB!important;padding:26px 20px!important}
.wp-block-column:has(img[src*="starter-content"])::after{top:43px}
}
html[data-sci-theme="dark"] .wp-block-column:has(img[src*="starter-content"]){background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 14px 28px -16px rgba(0,0,0,.7)!important}
html[data-sci-theme="dark"] .wp-block-column:has(img[src*="starter-content"])::before{background:radial-gradient(circle at 35% 30%,#5A4630 0%,#3E3022 70%)!important;box-shadow:0 6px 14px -6px rgba(0,0,0,.6),0 0 0 4px rgba(231,180,90,.08)}
html[data-sci-theme="dark"] .wp-block-column:has(img[src*="starter-content"])::after{background-color:#E7B45A}
html[data-sci-theme="dark"] .wp-block-column:has(img[src*="starter-content"])>p:not(.has-medium-font-size){color:var(--sci-muted)!important}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .wp-block-column:has(img[src*="starter-content"]){background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 14px 28px -16px rgba(0,0,0,.7)!important}
html:not([data-sci-theme="light"]) .wp-block-column:has(img[src*="starter-content"])::before{background:radial-gradient(circle at 35% 30%,#5A4630 0%,#3E3022 70%)!important;box-shadow:0 6px 14px -6px rgba(0,0,0,.6),0 0 0 4px rgba(231,180,90,.08)}
html:not([data-sci-theme="light"]) .wp-block-column:has(img[src*="starter-content"])::after{background-color:#E7B45A}
html:not([data-sci-theme="light"]) .wp-block-column:has(img[src*="starter-content"])>p:not(.has-medium-font-size){color:var(--sci-muted)!important}
}
@media (max-width:781px){.wp-block-group:has(img[src*="starter-content"]){padding-left:16px!important;padding-right:16px!important}
}
/* иконки УТП: толще линия (2.1), медальон 48px, значок 24px (владелец: «квадраты огромные»), «сковородка» → поварской колпак (симметричный,
   сковородка визуально съезжала из центра медальона) */
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(1) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20.5 20.5'/%3E%3C/svg%3E"); }
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(2) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E"); }
.wp-block-columns.alignfull:has(img[src*="starter-content"]) > .wp-block-column:nth-child(3) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M5 19v-4M12 19v-8M19 19V5'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(1) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='m8.5 12.2 2.4 2.4 4.6-5'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(2) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M9.5 6.5H19M9.5 12H19M9.5 17.5H19'/%3E%3Ccircle cx='5' cy='6.5' r='1.2'/%3E%3Ccircle cx='5' cy='12' r='1.2'/%3E%3Ccircle cx='5' cy='17.5' r='1.2'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(3) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 18h5M10.5 21h3M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.3 1.1 2.2h5c0-.9.4-1.6 1.1-2.2A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E"); }
.wp-block-group .wp-block-columns:has(img[src*="starter-content"]) > .wp-block-column:nth-child(4) { --sci-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14.5a4 4 0 0 1-.6-7.9 5.6 5.6 0 0 1 11.2 0 4 4 0 0 1-.6 7.9'/%3E%3Cpath d='M7 14.5h10V19H7z'/%3E%3C/svg%3E"); }
.wp-block-column:has(img[src*="starter-content"])::after{width:24px!important;height:24px!important;top:42px!important}
@media (max-width:781px){.wp-block-column:has(img[src*="starter-content"])::after{top:38px!important}}
/* ═══ Зміст статті (2026-10-12) ═══
   sci-core.php (SCI TOC) оборачивает список якорей в начале статьи в <nav class="sci-toc">, а в старых
   статьях без списка строит зміст из H2 (им дописывается id="rozdil-N"). Карточка в тон FAQ: рамка #E2D3BA,
   радиус 2px, золотая кромка слева, номера 01–NN, две колонки на десктопе. Тёмная тема — оба селектора,
   как у остальных блоков (prefers-color-scheme и data-sci-theme). */
.sci-toc{margin:8px 0 32px;padding:18px 22px 14px;border:1px solid #E2D3BA;border-left:3px solid #C58A1E;border-radius:2px;background:#FFFDF8}
.sci-toc__title{margin:0 0 10px!important;font-family:"Golos Text","Segoe UI",system-ui,sans-serif!important;font-size:12px!important;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#A96C0C}
.sci-toc ul,.sci-toc ol{margin:0!important;padding:0!important;list-style:none!important;columns:2;column-gap:32px;counter-reset:sci-toc}
.sci-toc li{position:relative;margin:0!important;padding:5px 0 5px 30px;break-inside:avoid;counter-increment:sci-toc;font-size:15px;line-height:1.45}
.sci-toc li::before{content:counter(sci-toc,decimal-leading-zero);position:absolute;left:0;top:7px;font-family:"Golos Text","Segoe UI",system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#C58A1E}
.sci-toc a{color:#2B2118!important;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}
.sci-toc a:hover{color:#A96C0C!important;border-bottom-color:#C58A1E}
@media (max-width:781px){.sci-toc{padding:14px 16px 10px;margin-bottom:24px}
.sci-toc ul,.sci-toc ol{columns:1}
.sci-toc li{font-size:14.5px;padding-left:28px}
}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .sci-toc{background:var(--sci-surface);border-color:var(--sci-border);border-left-color:var(--sci-accent)}
html:not([data-sci-theme="light"]) .sci-toc__title,html:not([data-sci-theme="light"]) .sci-toc li::before{color:var(--sci-accent)}
html:not([data-sci-theme="light"]) .sci-toc a{color:var(--sci-text)!important}
html:not([data-sci-theme="light"]) .sci-toc a:hover{color:var(--sci-accent-hover)!important;border-bottom-color:var(--sci-accent)}
}
html[data-sci-theme="dark"] .sci-toc{background:var(--sci-surface);border-color:var(--sci-border);border-left-color:var(--sci-accent)}
html[data-sci-theme="dark"] .sci-toc__title,html[data-sci-theme="dark"] .sci-toc li::before{color:var(--sci-accent)}
html[data-sci-theme="dark"] .sci-toc a{color:var(--sci-text)!important}
html[data-sci-theme="dark"] .sci-toc a:hover{color:var(--sci-accent-hover)!important;border-bottom-color:var(--sci-accent)}
/* ═══ Рубрика и автор: видно, что это ссылки (2026-10-17) ═══
   Владелец: «рамочку вокруг рубрики, чтобы было понятно, что на неё можно кликнуть; перед автором — слово
   «Автор», имя выделить, при наведении меняется цвет». Рубрика — плашка в тон карточек (рамка #E2D3BA, радиус 2px),
   как подпись «ЗМІСТ»; автор — золотой акцент с подчёркиванием при наведении. «/» и «Від» между полями
   вычищает скрипт REMOVE MOBILE MENU TEXT ARTIFACT в sci-core.php — разделитель «·» ставим сами.
   Макет: design/yazyk-2026-10-17/meta_mock.py. */
.ast-taxonomy-container.cat-links a,.sci-post-cat a{display:inline-block;padding:4px 10px 3px;border:1px solid #E2D3BA!important;border-radius:2px;background:#FFFDF8;color:#A96C0C!important;font-size:12px!important;font-weight:600!important;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.ast-taxonomy-container.cat-links a:hover,.ast-taxonomy-container.cat-links a:focus-visible,.sci-post-cat a:hover,.sci-post-cat a:focus-visible{background:#FBF1E0;border-color:#C58A1E!important;color:#7E5009!important}
.ast-taxonomy-container.cat-links{display:inline-block;margin-bottom:12px}
.entry-meta .posted-by::before{content:"Автор: ";font-weight:400;color:#7A6A55}
.entry-meta .posted-by a,.entry-meta .posted-by a .author-name{color:#A96C0C!important;font-weight:600;text-decoration:none!important}
.entry-meta .posted-by a{text-underline-offset:3px;transition:color .15s ease}
html body .entry-meta .posted-by a:hover,html body .entry-meta .posted-by a:focus-visible{text-decoration:underline!important;text-decoration-thickness:1px!important}
.entry-meta .posted-by a:hover .author-name,.entry-meta .posted-by a:focus-visible .author-name{color:#7E5009!important}
.entry-meta .posted-on::before{content:"·";margin:0 8px;color:#B5A994}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .ast-taxonomy-container.cat-links a,html:not([data-sci-theme="light"]) .sci-post-cat a{background:var(--sci-surface);border-color:var(--sci-border)!important;color:var(--sci-accent)!important}
html:not([data-sci-theme="light"]) .ast-taxonomy-container.cat-links a:hover,html:not([data-sci-theme="light"]) .sci-post-cat a:hover{background:var(--sci-surface-2);border-color:var(--sci-accent)!important;color:var(--sci-accent-hover)!important}
html:not([data-sci-theme="light"]) .entry-meta .posted-by::before{color:var(--sci-muted)}
html:not([data-sci-theme="light"]) .entry-meta .posted-by a,html:not([data-sci-theme="light"]) .entry-meta .posted-by a .author-name{color:var(--sci-accent)!important}
html:not([data-sci-theme="light"]) .entry-meta .posted-by a:hover .author-name{color:var(--sci-accent-hover)!important}
}
html[data-sci-theme="dark"] .ast-taxonomy-container.cat-links a,html[data-sci-theme="dark"] .sci-post-cat a{background:var(--sci-surface);border-color:var(--sci-border)!important;color:var(--sci-accent)!important}
html[data-sci-theme="dark"] .ast-taxonomy-container.cat-links a:hover,html[data-sci-theme="dark"] .sci-post-cat a:hover{background:var(--sci-surface-2);border-color:var(--sci-accent)!important;color:var(--sci-accent-hover)!important}
html[data-sci-theme="dark"] .entry-meta .posted-by::before{color:var(--sci-muted)}
html[data-sci-theme="dark"] .entry-meta .posted-by a,html[data-sci-theme="dark"] .entry-meta .posted-by a .author-name{color:var(--sci-accent)!important}
html[data-sci-theme="dark"] .entry-meta .posted-by a:hover .author-name{color:var(--sci-accent-hover)!important}
/* ═══ Плитки рецептов: квадрат, полный кадр (2026-10-17) ═══
   Владелец: «картинки слишком зазумлены, тарелки обрезаются — отдалить на 20–50 %». Было: DR-копия 450x600 (3:4)
   в кадре 450/520 (правило .attachment-wpdr-feat-thumb в Simple Custom CSS & JS) — видно ~половину ширины фото 3:2.
   Стало: sci-core.php (SCI TILE) отдаёт необрезанный medium_large, кадр — квадрат: у фото 3:2 видно 2/3 ширины
   и всю высоту (отдаление ~30 %), квадратные оригиналы целиком. Плитка стала ниже: 370x370 вместо 370x428.
   Замер инъекцией в живые главную и хаб «Салати», 1440px. */
.wpdr-feat-thumb>a>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
/* Навигация «Попередній / Далі» под рецептом: DR даёт кадр 3:4 (160×213) и режет квадратные/горизонтальные фото.
   Квадрат, как у плиток (владелец 2026-10-17: «не такие зазумленные»). Замер инъекцией на /recipe/salat-olive/: 160×160. */
.dr-recipe-fig>img{aspect-ratio:1/1;object-fit:cover;object-position:center;height:auto}
/* ═══ Згода на cookie (SCI CONSENT, 2026-10-17) ═══
   Плашка внизу по центру в тон карточек (как «Зміст статті»): тёплая бумага, рамка #E2D3BA, золотая кромка слева.
   «Відхилити» и «Прийняти» — одинаковые кнопки: отказ не должен быть труднее согласия (EDPB 05/2020).
   Кнопки — тег button: в тёмной теме общее правило кнопок красит их акцентом, им это и нужно.
   «Налаштування cookie» — ссылка в подвале (JS переносит её в .ast-footer-copyright). Сверка: research/cookies-2026-10-17.md. */
.sci-cc{position:fixed;left:50%;bottom:16px;z-index:100000;box-sizing:border-box;width:calc(100% - 32px);max-width:760px;display:flex;align-items:center;gap:20px 28px;padding:18px 22px;background:#FFFDF8;border:1px solid #E2D3BA;border-left:3px solid #C58A1E;border-radius:2px;box-shadow:0 10px 32px rgba(43,33,21,.16);color:#2B2115;transform:translate(-50%,12px);opacity:0;transition:opacity .2s ease,transform .2s ease}
.sci-cc[hidden]{display:none}
.sci-cc.is-on{transform:translate(-50%,0);opacity:1}
.sci-cc__body{flex:1 1 auto;min-width:0}
.sci-cc__title{margin:0 0 4px!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#A96C0C}
.sci-cc__text{margin:0 0 6px!important;font-size:14px;line-height:1.5;color:#5C4F3C}
.sci-cc__link{font-size:13px;color:#A96C0C!important;text-decoration:underline!important;text-underline-offset:3px}
.sci-cc__link:hover,.sci-cc__link:focus-visible{color:#7E5009!important}
.sci-cc__btns{flex:0 0 auto;display:flex;gap:10px}
.sci-cc .sci-cc-btn{min-width:118px;margin:0;padding:10px 18px;border:1px solid #A96C0C;border-radius:2px;background:#A96C0C;color:#FFFDF8;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.sci-cc .sci-cc-btn:hover,.sci-cc .sci-cc-btn:focus-visible{background:#7E5009;border-color:#7E5009;color:#FFFDF8}
.sci-cc .sci-cc-btn:focus-visible,.sci-cc__link:focus-visible,.sci-cc-open:focus-visible{outline:2px solid #C58A1E;outline-offset:2px}
.sci-cc-open{display:inline-block;margin:6px 0;font-size:13px;color:#7A6A55!important;text-decoration:underline!important;text-underline-offset:3px}
.sci-cc-open[hidden]{display:none}
.sci-cc-open:hover{color:#A96C0C!important}
.site-footer .ast-footer-copyright{justify-content:center}
@media (max-width:640px){.sci-cc{bottom:8px;width:calc(100% - 16px);flex-direction:column;align-items:stretch;gap:14px;padding:16px}
.sci-cc__btns{width:100%}.sci-cc .sci-cc-btn{flex:1 1 0;min-width:0}}
@media (prefers-reduced-motion:reduce){.sci-cc{transition:none}}
@media (prefers-color-scheme:dark){html:not([data-sci-theme="light"]) .sci-cc{background:var(--sci-surface);border-color:var(--sci-border);border-left-color:var(--sci-accent);color:var(--sci-text);box-shadow:0 10px 32px rgba(0,0,0,.5)}
html:not([data-sci-theme="light"]) .sci-cc__title{color:var(--sci-accent)}
html:not([data-sci-theme="light"]) .sci-cc__text{color:var(--sci-muted)}
html:not([data-sci-theme="light"]) .sci-cc__link{color:var(--sci-link)!important}
html:not([data-sci-theme="light"]) .sci-cc-open{color:var(--sci-muted)!important}
}
html[data-sci-theme="dark"] .sci-cc{background:var(--sci-surface);border-color:var(--sci-border);border-left-color:var(--sci-accent);color:var(--sci-text);box-shadow:0 10px 32px rgba(0,0,0,.5)}
html[data-sci-theme="dark"] .sci-cc__title{color:var(--sci-accent)}
html[data-sci-theme="dark"] .sci-cc__text{color:var(--sci-muted)}
html[data-sci-theme="dark"] .sci-cc__link{color:var(--sci-link)!important}
html[data-sci-theme="dark"] .sci-cc-open{color:var(--sci-muted)!important}