/* Установка и разбор ошибок: свои стили этих двух страниц. Общие файлы не трогаем. */

.vvodnaya b { color: var(--tekst); font-weight: 700; }

/* ---- проверка до скачивания ---- */
.do-nachala {
  margin-top: 26px; max-width: 720px; padding: 16px 18px;
  border: 1px solid var(--liniya); border-left: 3px solid var(--deystvie);
  border-radius: var(--radius-knopki); background: var(--bumaga-2);
}
.do-nachala > b { color: var(--tekst); font-size: 17px; }
.do-nachala p { margin-top: 7px; color: var(--tekst-2); font-size: var(--melko-r); line-height: var(--melko-v); }
.do-nachala ol { margin: 10px 0 0 18px; color: var(--tekst-2); font-size: var(--melko-r); line-height: var(--melko-v); }
.do-nachala li { margin-top: 8px; }
.do-nachala li b { color: var(--tekst); }

/* ---- переключатель Windows / Mac ---- */
.vybor-sistemy { display: flex; align-items: center; gap: 8px; margin: 34px 0 6px; flex-wrap: wrap; }
.vybor-sistemy button {
  border: 1px solid var(--liniya); background: var(--bumaga-2); border-radius: var(--radius-knopki);
  padding: 10px 18px; font: 600 16px/1 var(--shrift-tekst); color: var(--tekst-2); cursor: pointer;
}
.vybor-sistemy button:hover { border-color: var(--tekst-2); color: var(--tekst); }
.vybor-sistemy button[aria-pressed="true"] { background: var(--tekst); color: var(--bumaga); border-color: var(--tekst); }
.vybor-sistemy .podskazka { color: var(--tekst-2); font-size: var(--podpis-r); margin-left: 4px; }
.sistema-os[hidden] { display: none; }

/* ---- шаги установки: та же лесенка с номерами и линией, что была на старой странице ---- */
.shagi-ustanovka { list-style: none; counter-reset: shag-ust; margin: 32px 0 0; padding: 0; max-width: 720px; }
.shagi-ustanovka > li {
  counter-increment: shag-ust; position: relative; padding: 0 0 34px 46px;
  border-left: 1px solid var(--liniya); margin-left: 13px;
}
.shagi-ustanovka > li:last-child { border-left-color: transparent; padding-bottom: 4px; }
.shagi-ustanovka > li::before {
  content: counter(shag-ust); position: absolute; left: -13px; top: 0;
  width: 26px; height: 26px; border-radius: 50%; background: var(--bumaga); border: 1px solid var(--deystvie);
  font: 600 14px/24px var(--shrift-cifry); text-align: center; color: var(--deystvie);
}
.shagi-ustanovka h3 { font-size: 22px; line-height: 1.3; }
.shagi-ustanovka p { margin-top: 8px; color: var(--tekst-2); }
.shagi-ustanovka p b, .shagi-ustanovka li b { color: var(--tekst); font-weight: 600; }
.shagi-ustanovka .knopki { margin-top: 18px; }

.dolgo {
  display: inline-block; margin-top: 10px; padding: 3px 9px; border-radius: var(--radius-vnutri);
  background: var(--bumaga-3); border: 1px solid var(--liniya); font: 13px/1.5 var(--shrift-cifry); color: var(--tekst-2);
}
.esli { margin-top: 12px; font-size: var(--podpis-r); color: var(--tekst-2); }
.esli a { color: var(--tekst-2); text-underline-offset: 3px; }

/* ---- макет окна предупреждения системы: имена не пересекаются с .shema переключателя
   схемы в шапке и с .okno настоящих снимков программы ---- */
.okno-preduprezhdenie {
  margin-top: 14px; padding: 18px; border: 1px solid var(--liniya); border-radius: var(--radius-knopki);
  background: var(--bumaga-2);
}
.okno-preduprezhdenie .okno-vnutri {
  padding: 16px 18px; border: 1px solid var(--liniya); border-radius: var(--radius-vnutri); background: var(--bumaga-3);
}
.okno-preduprezhdenie .titul { font-weight: 600; color: var(--tekst); }
.okno-preduprezhdenie .melko { margin-top: 6px; color: var(--tekst-2); font-size: var(--podpis-r); }
.okno-preduprezhdenie .ryad { display: flex; gap: 10px; align-items: center; margin-top: 16px; flex-wrap: wrap; }
.okno-preduprezhdenie .knopka-obraz {
  border: 1px solid var(--liniya); border-radius: var(--radius-vnutri); padding: 7px 14px; font-size: var(--podpis-r);
  color: var(--tekst-2);
}
.okno-preduprezhdenie .knopka-obraz.nuzhno { border-color: var(--deystvie); color: var(--deystvie); }
.okno-preduprezhdenie .strelka { color: var(--deystvie); font-size: var(--podpis-r); }

/* ---- код в тексте ---- */
code {
  font: 14px/1.5 var(--shrift-cifry); color: var(--tekst); background: var(--bumaga-3);
  border: 1px solid var(--liniya); border-radius: var(--radius-vnutri); padding: 2px 6px;
}
pre {
  display: block; padding: 14px 16px; margin-top: 12px; overflow-x: auto;
  background: var(--bumaga-3); border: 1px solid var(--liniya); border-radius: var(--radius-knopki);
}
pre code { border: 0; padding: 0; background: none; }

/* ---- разбор ошибок: список случаев и карточка каждого ---- */
.spisok-oshibok {
  margin-top: 28px; border: 1px solid var(--liniya); border-radius: var(--radius-knopki);
  background: var(--bumaga-2); padding: 8px; display: grid;
}
.spisok-oshibok a {
  display: block; padding: 9px 12px; border-radius: var(--radius-vnutri);
  color: var(--tekst-2); text-decoration: none; font-size: var(--melko-r);
}
.spisok-oshibok a:hover { background: var(--bumaga-3); color: var(--tekst); }

.stat-oshibka { margin-top: 48px; scroll-margin-top: 96px; max-width: 760px; }
.stat-oshibka h2 { font-size: 26px; line-height: 1.3; }
.simptom {
  margin-top: 12px; border-left: 2px solid var(--deystvie); padding: 2px 0 2px 14px;
  color: var(--tekst); font-size: var(--melko-r);
}
.simptom span {
  display: block; color: var(--tekst-2); font: 12px/1.5 var(--shrift-cifry);
  letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px;
}
.stat-oshibka p { margin-top: 12px; color: var(--tekst-2); }
.stat-oshibka p b { color: var(--tekst); font-weight: 600; }
.stat-oshibka ol, .stat-oshibka ul { margin: 12px 0 0 20px; color: var(--tekst-2); }
.stat-oshibka li { margin-top: 7px; }
.pochemu { margin-top: 12px; font-size: var(--melko-r); color: var(--tekst-2); }
.chto-prislat { margin: 12px 0 0 20px; color: var(--tekst-2); }
.chto-prislat li { margin-top: 7px; }