/* ===== Осеннее оформление =====
   Сезонный слой поверх основной темы: подключается отдельным файлом и
   снимается одной строкой. Базовые стили не трогает — только переопределяет
   палитру и добавляет падающие листья. */

:root{
  --autumn-amber:#E8A33D;
  --autumn-rust:#C9622B;
  --autumn-gold:#F2C46B;
  --autumn-warm-line:rgba(232,163,61,.22);
}

/* Тёплый свет вместо холодного синего в верхней части страницы */
.page-glow{
  background:
    radial-gradient(58% 44% at 18% 8%, rgba(232,163,61,.16), transparent 70%),
    radial-gradient(46% 38% at 82% 4%, rgba(201,98,43,.13), transparent 72%);
}

/* Осенние акценты на «дежурных» элементах: эйбрау, слэши, счётчики */
.eyebrow,
.hero__eyebrow,
.article__body .section-eyebrow,
.h1 .slash,
.h2 .slash{color:var(--autumn-amber)}

.facts__title span,
.hero__tagline span{color:var(--autumn-gold)}

.rubric.is-active{
  border-color:var(--autumn-amber);
  background:rgba(232,163,61,.14);
  color:#fff;
}
.rubric.is-active span{background:var(--autumn-amber);color:#1b1206}

/* ===== Листья ===== */
/* Двенадцать листьев на всю страницу: они за контентом, кликам не мешают
   и не перехватывают события. */
.leaves{
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.leaf{
  position:absolute;top:-8vh;width:22px;height:22px;
  opacity:0;will-change:transform,opacity;
  animation:leaf-fall linear infinite;
}
.leaf svg{width:100%;height:100%;display:block}

@keyframes leaf-fall{
  0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0deg)}
  8%{opacity:.5}
  50%{transform:translate3d(40px,50vh,0) rotate(180deg)}
  92%{opacity:.35}
  100%{opacity:0;transform:translate3d(-20px,108vh,0) rotate(360deg)}
}

.leaf:nth-child(1){left:6%;animation-duration:19s;animation-delay:0s;width:18px;height:18px}
.leaf:nth-child(2){left:16%;animation-duration:24s;animation-delay:-6s;width:26px;height:26px}
.leaf:nth-child(3){left:27%;animation-duration:21s;animation-delay:-13s}
.leaf:nth-child(4){left:38%;animation-duration:27s;animation-delay:-3s;width:16px;height:16px}
.leaf:nth-child(5){left:47%;animation-duration:18s;animation-delay:-16s;width:24px;height:24px}
.leaf:nth-child(6){left:58%;animation-duration:25s;animation-delay:-9s}
.leaf:nth-child(7){left:66%;animation-duration:22s;animation-delay:-20s;width:20px;height:20px}
.leaf:nth-child(8){left:74%;animation-duration:29s;animation-delay:-2s;width:28px;height:28px}
.leaf:nth-child(9){left:83%;animation-duration:20s;animation-delay:-11s;width:17px;height:17px}
.leaf:nth-child(10){left:91%;animation-duration:26s;animation-delay:-17s}
.leaf:nth-child(11){left:12%;animation-duration:31s;animation-delay:-24s;width:14px;height:14px}
.leaf:nth-child(12){left:53%;animation-duration:23s;animation-delay:-28s;width:15px;height:15px}

/* Кому анимация мешает — тем листья просто не показываем. */
@media (prefers-reduced-motion:reduce){
  .leaves{display:none}
}
/* На телефоне листьев меньше: экран узкий, и они лезут на текст. */
@media (max-width:640px){
  .leaf:nth-child(n+7){display:none}
  .leaf{opacity:.5}
}