/* adcx / modern: возможности современных браузеров. Старые браузеры эти правила просто пропускают. */

/* Системные элементы (формы, полосы прокрутки) следуют выбранной теме сайта */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

/* Плавный переход между страницами: шапка и нижняя панель остаются на месте, меняется только содержимое */
@view-transition { navigation: auto; }
.site-header { view-transition-name: adcx-header; }
.adcx-bottombar { view-transition-name: adcx-bottombar; }
::view-transition-group(adcx-header),
::view-transition-group(adcx-bottombar) { animation-duration: 0s; }
::view-transition-old(root) { animation: adcxFadeOut .16s ease both; }
::view-transition-new(root) { animation: adcxFadeIn .22s ease both; }
@keyframes adcxFadeOut { to { opacity: 0; } }
@keyframes adcxFadeIn { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}

/* Красивые переносы строк в заголовках и абзацах (без висящих одиночных слов) */
h1, h2, h3, h4, .adcm-hsec__title, .adcx-section-title { text-wrap: balance; }
p, li, figcaption, blockquote { text-wrap: pretty; }