/* ============================================================================
   HoodFox — фабл-раунд-6 (2026-09-01): чистый фон и бесшовные стыки.
   Подключается ПОСЛЕ fable5.css и потому выигрывает каскад.
   Содержит: слитую с хиро небесную ленту (П1), снятые сканлайны (П2),
   статичную кнопку CHECK (П3), бесшовный переход в дюны (П6) и ровную
   сетку строк роадмапа (П8).
   ========================================================================== */

/* ---------- П1. Небесная лента не читается как отдельная полоса ----------
   Ночью хиро имел непрозрачный фон var(--night) №241530, а лента над ним
   показывала фиксированный skygrad (№0d0716 наверху) — отсюда «инородная
   тёмная полоса с луной». Хиро становится прозрачным в обеих темах (днём он
   таким уже был через fable3), и всё от шапки до дюн лежит на одном
   непрерывном небесном градиенте. Границу-линию тоже убираем. */
.hero-shell{background:transparent;border-bottom:none}
html[data-theme="night"] .hero-shell{background:transparent}

/* ---------- П2. Сканлайны сняты со всех страниц и тем ----------
   Постраничный body::after рисовал горизонтальную полоску поверх ВСЕГО
   экрана (repeating-linear-gradient 1px/3px). Владелец: «эти все полосы
   лишние и не украшают сайт». Фон чистый. */
body::after{content:none}

/* ---------- П3. Кнопка CHECK статичная ----------
   ctapulse «дышал» на каждой кнопке внутри .branch. Ховер-состояние кнопки
   (сдвиг + тень) остаётся — его достаточно. */
.branch .btn{animation:none}

/* ---------- П6. Полностью бесшовный переход в дюны ----------
   Прежний приём (::after с зашитым цветом низа неба) давал видимый стык:
   небо — фиксированный градиент на весь вьюпорт, и цвет над кромкой дюн
   зависит от прокрутки, а не равен последней точке градиента. Вместо
   подгонки цвета маскируем верх самой полосы дюн: она проявляется из
   настоящего неба позади себя — шов невозможен ни в одной теме и ни при
   какой высоте прокрутки. Цветной ::after больше не нужен. */
.dune-band{border-bottom:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 26%,#000 58%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.45) 26%,#000 58%,#000 100%)}
.dune-band::after,
html[data-theme="day"] .dune-band::after,
html[data-theme="night"] .dune-band::after{background:none}

/* ---------- П8. Роадмап: единая сетка шести строк ----------
   Колонки «статус» и «переход» были auto и дышали от ширины текста — из-за
   этого заголовки и буллеты каждой строки начинались с разной вертикали.
   Фиксируем ширины колонок и раскладываем три буллета жёсткой сеткой:
   одна вертикаль буллетов во всех шести строках, одинаковые отступы. */
.roadmap-rows .roadmap-card{grid-template-columns:150px minmax(0,1fr) 200px}
.roadmap-rows .roadmap-state{min-width:0;justify-self:stretch}
.roadmap-rows .rm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px}
.roadmap-rows .jump{white-space:normal;text-align:right;justify-self:end}
@media (max-width:760px){
  .roadmap-rows .roadmap-card{grid-template-columns:minmax(0,1fr)}
  .roadmap-rows .rm-list{grid-template-columns:minmax(0,1fr)}
  .roadmap-rows .jump{text-align:left;justify-self:start}
}

/* ---------- П4. Пре-рег: варианты комментария внутри задания ---------- */
.task .t-ideas{display:grid;gap:6px;margin-top:8px}
.task .t-idea{display:block;width:fit-content;max-width:100%;padding:6px 10px;
  background:var(--dusk);border:1px solid var(--line);color:var(--faded);
  font-size:15px;line-height:1.45;text-decoration:none}
.task .t-idea:hover,.task .t-idea:focus-visible{color:var(--cream);border-color:var(--fox)}