/* ===========================================================================
   ██████ DeeNet — СТИЛЬ ДЛЯ СТРАНИЦ РАЗДЕЛА "LINUX" ██████
   ===========================================================================
   ⚠️  ЭТОТ ФАЙЛ ВКЛЮЧАЕТСЯ ТОЛЬКО НА СТРАНИЦАХ ПРО LINUX.
       Он заменяет синий цвет на ЗЕЛЁНЫЙ и фон на ЧЁРНЫЙ (вместо синего).

   ✅ ЧТО МОЖНО МЕНЯТЬ БЕЗ СТРАХА:
      1. ЦВЕТА — в блоке body[data-page="linux"] чуть ниже.
         Хотите красный Linux? Поменяйте "--green: #33ff66" на "--green: #ff0000".
      2. ФОН СТРАНИЦЫ — "--page: #0a0a0a" (сейчас чёрный).
      3. ШРИФТ В ТЕРМИНАЛЕ — ".term-body { font-size: 11px; }".

   ✅ КАК УБРАТЬ РАМКУ У ТЕРМИНАЛА:
      Найдите ".linux-terminal { border: ... }" и замените на "border: none;"

   ✅ КАК УБРАТЬ РАМКИ У БЛОКОВ УРОКОВ:
      Найдите ".guide-lesson { border-top: ... }" и замените на "border-top: none;"

   =========================================================================== */

/* ===== ПЕРЕОПРЕДЕЛЕНИЕ ЦВЕТОВ ДЛЯ СТРАНИЦ LINUX ===== */
body[data-page="linux"] {
  --page: #0a0a0a;              /* ⬛ Истинный черный фон */
  --surface: rgba(15, 15, 15, .78);
  --surface-solid: #0f0f0f;
  --surface-soft: #141414;
  --text: #d0e0d0;              /* 🟢 Зеленоватый текст (Terminal Style) */
  --muted: #708070;
  --line: rgba(51, 255, 102, .12);
  --blue: #33ff66;              /* 🔵 Заменяем синий на ЗЕЛЕНЫЙ */
  --blue-bright: #66ff99;
  --shadow: 0 16px 42px rgba(0, 0, 0, .6);
}
body[data-page="linux"]::before {
  background: radial-gradient(circle at 63% 13%, rgba(0, 80, 30, .12), transparent 26rem),
              radial-gradient(circle at 85% 34%, rgba(0, 50, 20, .08), transparent 25rem),
              linear-gradient(125deg, transparent 60%, rgba(0, 30, 10, .05));
}
body[data-page="linux"]::after {
  display: none;
}

/* ===== ШАПКА ДЛЯ LINUX ===== */
/* Убираем синий цвет — делаем чёрный фон и зелёную полоску */
body[data-page="linux"] .site-header {
  background: color-mix(in srgb, #0a0a0a 85%, transparent);
  border-bottom: 1px solid rgba(51, 255, 102, .08);
}
body[data-page="linux"] .main-nav a::after {
  background: #33ff66;
}
body[data-page="linux"] .main-nav a:hover,
body[data-page="linux"] .main-nav a.is-active {
  color: #66ff99;
}
body[data-page="linux"] .logo strong span {
  color: #33ff66;
}
body[data-page="linux"] .login-button {
  border-color: rgba(51, 255, 102, .3);
  background: linear-gradient(105deg, rgba(0, 40, 10, .25), rgba(0, 20, 5, .3));
}
body[data-page="linux"] .login-button:hover {
  box-shadow: 0 0 18px rgba(51, 255, 102, .3);
}

/* ===== КНОПКИ ДЛЯ LINUX — прозрачные, зеленая обводка при наведении ===== */
body[data-page="linux"] .button:hover {
  border-color: #33ff66;
}
body[data-page="linux"] .eyebrow {
  border-color: rgba(51, 255, 102, .3);
}

/* ===== ФУТЕР ДЛЯ LINUX — чёрный, зелёная линия ===== */
body[data-page="linux"] .site-footer {
  border-top: 1px solid rgba(51, 255, 102, .08);
  background: rgba(5, 5, 5, .8);
}
body[data-page="linux"] .footer-grid > div:not(:first-child) a:hover {
  color: #66ff99;
}
body[data-page="linux"] .section-kicker {
  color: rgba(51, 255, 102, .6) !important;
}
body[data-page="linux"] .heading-line {
  background: linear-gradient(90deg, #33ff66 0 25%, rgba(51, 255, 102, .12) 25% 100%);
}

/* ===========================================================================
   📋 ОГЛАВЛЕНИЕ КУРСА (linux/index.html)
   ---------------------------------------------------------------------------
   Всё стилизовано под терминал: зелёный текст на чёрном фоне.
   =========================================================================== */

.linux-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: start;
  padding: 44px 0 24px;
}
.linux-hero-art pre {
  margin: 0;
  font-family: 'Courier New', monospace;
  font-size: 10px;
  line-height: 1.25;
  color: #33ff66;
  opacity: .4;
}
.linux-hero-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.linux-hero-line {
  font-family: 'Courier New', monospace;
  font-size: 15px;
  color: #c0d8c0;
}
.hero-label {
  display: inline-block;
  width: 70px;
  margin-right: 10px;
  color: #33ff66;
  font-weight: 700;
}
.linux-hero-desc {
  margin-top: 14px;
  color: #90a890;
  font-size: 14px;
  line-height: 1.6;
  max-width: 620px;
}

/* Оглавление — как ls -la */
.linux-contents {
  padding-top: 14px;
}
.linux-contents-header {
  margin-bottom: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(51, 255, 102, .1);
  border-radius: 4px;
  background: rgba(0, 8, 2, .4);
  font-family: 'Courier New', monospace;
  font-size: 12px;
  line-height: 1.9;
  color: rgba(51, 255, 102, .25);
}

.linux-block {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid rgba(51, 255, 102, .06);
  transition: background .15s;
}
.linux-block:hover {
  background: rgba(51, 255, 102, .025);
}
.linux-block:last-child {
  border-bottom: none;
}

.linux-block-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-family: 'Courier New', monospace;
  font-size: 13px;
}
.block-perms {
  color: rgba(51, 255, 102, .2);
  font-size: 12px;
  min-width: 80px;
}
.block-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.block-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 4px;
  border: 1px solid rgba(51, 255, 102, .25);
  border-radius: 4px;
  color: #33ff66;
  font-size: 13px;
  font-weight: 700;
}
.block-lessons {
  color: rgba(51, 255, 102, .3);
  font-size: 11px;
}

.block-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 20px 12px 0;
}
.block-info h2 {
  margin: 0 0 3px;
  color: #d8ecd8;
  font-size: 16px;
  font-weight: 600;
}
.block-info p {
  margin: 0;
  color: #809a80;
  font-size: 13px;
  line-height: 1.5;
}
.block-info a {
  align-self: flex-start;
  margin-top: 6px;
  color: rgba(51, 255, 102, .5);
  font-size: 12px;
  font-family: 'Courier New', monospace;
  transition: color .15s;
}
.block-info a:hover {
  color: #33ff66;
}

/* ===== MAN-СТИЛЬ (как справочная страница в Linux) ===== */
/* Используется для секции "Что вы получите" */
.linux-man {
  margin-top: 20px;
  border: 1px solid rgba(51, 255, 102, .1);
  border-radius: 6px;
  background: rgba(0, 5, 0, .35);
  font-family: 'Courier New', monospace;
  overflow: hidden;
}
.man-header {
  padding: 8px 16px;
  border-bottom: 1px solid rgba(51, 255, 102, .08);
  background: rgba(0, 8, 2, .4);
  color: rgba(51, 255, 102, .35);
  font-size: 11px;
  text-align: center;
}
.man-section {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(51, 255, 102, .05);
}
.man-section:last-child {
  border-bottom: none;
}
.man-label {
  display: block;
  margin-bottom: 6px;
  color: #33ff66;
  font-size: 14px;
  font-weight: 700;
}
.man-section p {
  margin: 0;
  color: #a0c0a0;
  font-size: 13px;
  line-height: 1.7;
}

/* ===== БЛОК "С ЧЕГО НАЧАТЬ" — стилизован под вывод терминала ===== */
.linux-start {
  margin-top: 18px;
  padding: 24px 28px;
  border: 1px solid rgba(51, 255, 102, .08);
  border-radius: 6px;
  background: rgba(0, 5, 0, .4);
}
.start-prompt {
  font-family: 'Courier New', monospace;
  font-size: 15px;
  color: #33ff66;
  margin-bottom: 12px;
}
.start-cmd {
  color: #ccffdd;
}
.start-content p {
  color: #a0c0a0;
  font-size: 14px;
  line-height: 1.6;
  max-width: 640px;
  margin: 0 0 16px;
}
.start-button {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid rgba(51, 255, 102, .25);
  border-radius: 4px;
  background: rgba(0, 12, 3, .5);
  color: #33ff66;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  transition: background .15s, border-color .15s;
}
.start-button:hover {
  background: rgba(51, 255, 102, .06);
  border-color: #33ff66;
}

/* ===========================================================================
   📖 СТРАНИЦЫ УРОКОВ (linux-block-*.html)
   ---------------------------------------------------------------------------
   Стили для содержимого уроков: код, секции, подсказки.
   =========================================================================== */

.linux-article .section-kicker,
.linux-article a:not(.button):not(.sidebar-back),
.guide-sidebar .sidebar-back {
  color: #33ff66;
}
.guide-sidebar h2 { color: #33ff66; }

/* ⚠️ БЛОКИ КОДА — тёмный фон, зелёный текст.
   Если шрифт кажется мелким — меняйте font-size */
.linux-article pre {
  background: #050505;
  border: 1px solid rgba(51, 255, 102, .12);
  border-radius: 4px;
  padding: 1rem 1.25rem;
  overflow-x: auto;
  margin: 1.2rem 0;
}
.linux-article pre code {
  background: none;
  padding: 0;
  border-radius: 0;
  color: #a0d0b0;
  font-size: .9rem;
}
.linux-article code {
  background: rgba(51, 255, 102, .06);
  padding: .15rem .4rem;
  border-radius: 3px;
  font-size: .9em;
  color: #33ff66;
}

.linux-article .section-kicker {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .25rem;
  color: rgba(51, 255, 102, .45) !important;
}

/* ===== СЕКЦИИ ВНУТРИ УРОКОВ ===== */
/* Каждый урок разделён на секции с рамкой сверху */
.guide-lesson {
  margin-top: 2rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(51, 255, 102, .06);
}
.lesson-goal {
  background: rgba(51, 255, 102, .035);
  border-left: 3px solid #33ff66;
  padding: .85rem 1.1rem;
  margin: .85rem 0;
  border-radius: 0 4px 4px 0;
}
.lesson-goal b { color: #33ff66; }

.guide-project {
  background: rgba(51, 255, 102, .025);
  border: 1px solid rgba(51, 255, 102, .08);
  border-radius: 4px;
  padding: 1.1rem 1.35rem;
  margin: 1.5rem 0;
}
.guide-test {
  background: rgba(255, 185, 42, .025);
  border: 1px solid rgba(255, 185, 42, .08);
  border-radius: 4px;
  padding: 1.1rem 1.35rem;
  margin: 1.5rem 0;
}
.guide-outro {
  background: rgba(73, 204, 144, .035);
  border: 1px solid rgba(73, 204, 144, .08);
  border-radius: 4px;
  padding: 1.1rem 1.35rem;
  margin: 1.5rem 0;
}
.guide-topics,
.guide-recommend {
  margin: 1rem 0;
  padding: .85rem 1.1rem;
  border-radius: 4px;
  background: rgba(0, 6, 1, .3);
  border: 1px solid rgba(51, 255, 102, .05);
}

/* ⚠️ ЗАГЛУШКИ СКРИНШОТОВ — показываются где нужна картинка, но её пока нет.
   Чтобы заменить на реальное изображение, найдите <p><code>...</code></p> в HTML
   и вставьте вместо него <img src="путь/к/картинке.png"> */
.linux-article p:has(> code:only-child) {
  color: #607060;
  font-style: italic;
  font-size: .9rem;
  border: 1px dashed rgba(51, 255, 102, .15);
  padding: .6rem .9rem;
  border-radius: 4px;
  background: rgba(51, 255, 102, .015);
}

/* ✦ НЕОНОВО-ФИОЛЕТОВАЯ ТЕМА ДЛЯ LINUX — включается кнопкой в шапке.
   Единая альтернативная палитра для терминальных страниц. */
body[data-page="linux"].light-mode {
  --page: #180b29;
  --surface: rgba(42, 20, 63, .9);
  --surface-solid: #24123c;
  --surface-soft: #331950;
  --text: #f6ecff;
  --muted: #d0bddd;
  --line: rgba(215, 135, 255, .27);
  --shadow: 0 16px 42px rgba(0, 0, 0, .3);
}
body[data-page="linux"].light-mode .site-header {
  border-bottom: 1px solid rgba(215, 135, 255, .24);
}
body[data-page="linux"].light-mode .site-footer {
  border-top: 1px solid rgba(215, 135, 255, .22);
  background: rgba(24, 11, 41, .88);
}

/* Неоновая Linux-тема сохраняет терминальный характер, но остаётся частью общей палитры. */
body[data-page="linux"].light-mode {
  --linux-green: #d783ff;
  --linux-text: #f4eaff;
  --linux-muted: #d0bddd;
}
body[data-page="linux"].light-mode .linux-contents-header,
body[data-page="linux"].light-mode .linux-man,
body[data-page="linux"].light-mode .linux-start,
body[data-page="linux"].light-mode .guide-topics,
body[data-page="linux"].light-mode .guide-recommend {
  background: #281440;
  border-color: rgba(215, 135, 255, .25);
  color: var(--linux-muted);
}
body[data-page="linux"].light-mode .site-header {
  background: rgba(24, 11, 41, .94);
  border-bottom-color: rgba(215, 135, 255, .24);
}
body[data-page="linux"].light-mode .linux-block { border-color: rgba(215, 135, 255, .18); }
body[data-page="linux"].light-mode .linux-block:hover { background: rgba(215, 135, 255, .07); }
body[data-page="linux"].light-mode .block-perms,
body[data-page="linux"].light-mode .block-lessons,
body[data-page="linux"].light-mode .linux-contents-header,
body[data-page="linux"].light-mode .man-header { color: #cbb5dc; }
body[data-page="linux"].light-mode .block-number,
body[data-page="linux"].light-mode .man-label,
body[data-page="linux"].light-mode .start-prompt,
body[data-page="linux"].light-mode .linux-article .section-kicker,
body[data-page="linux"].light-mode .linux-article a:not(.button):not(.sidebar-back),
body[data-page="linux"].light-mode .guide-sidebar .sidebar-back { color: var(--linux-green) !important; }
body[data-page="linux"].light-mode .block-info h2,
body[data-page="linux"].light-mode .man-section p,
body[data-page="linux"].light-mode .start-content p { color: var(--linux-text); }
body[data-page="linux"].light-mode .block-info p { color: var(--linux-muted); }
body[data-page="linux"].light-mode .guide-article p,
body[data-page="linux"].light-mode .guide-article ul { color: var(--linux-text); }
body[data-page="linux"].light-mode .linux-article pre { background: #100818; border-color: rgba(215, 135, 255, .38); }
body[data-page="linux"].light-mode .linux-article pre code { color: #f5dcff; }
body[data-page="linux"].light-mode .linux-article code { color: #f0bbff; background: #4a2168; }
body[data-page="linux"].light-mode .guide-sidebar h2 { color: var(--linux-green); }
body[data-page="linux"].light-mode .sidebar-lessons li.is-active a { color: #fff0ff; background: #643485; border-color: rgba(235, 174, 255, .4); }
body[data-page="linux"].light-mode .sidebar-current { color: #f0bbff; background: #4c236c; border-color: rgba(235, 174, 255, .35); }

/* ===========================================================================
   📱 АДАПТАЦИЯ ПОД ТЕЛЕФОНЫ — всё что ниже меняется на маленьких экранах
   =========================================================================== */
@media (max-width: 760px) {
  .linux-hero {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .linux-hero-art { display: none; }
  .linux-hero-line { font-size: 13px; }
  .hero-label { width: 60px; font-size: 13px; }
  .linux-hero-desc { font-size: 13px; }
  .linux-block {
    grid-template-columns: 1fr;
  }
  .linux-block-heading {
    padding-bottom: 4px;
    font-size: 12px;
  }
  .block-perms { font-size: 11px; min-width: 70px; }
  .block-number { min-width: 24px; height: 24px; font-size: 12px; }
  .block-info {
    padding: 0 14px 10px;
  }
  .block-info h2 { font-size: 14px; }
  .block-info p { font-size: 12px; }
  .man-header { font-size: 9px; padding: 6px 10px; }
  .man-section p { font-size: 12px; }
  .linux-start { padding: 18px; }
  .start-prompt { font-size: 13px; }
  .start-content p { font-size: 13px; }
  .start-button { font-size: 13px; padding: 8px 16px; }
}