/* Настройки всей видимой части страницы */
    body {
      font-family: "Times New Roman", Times, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Приоритет шрифта с засечками, далее системные шрифты */
      background: linear-gradient(to bottom, #ffffff 0%, #E0E0E0 100%); /* переход от белого до светлый серый */
      display: flex; /* Включение гибкой верстки для выравнивания содержимого */
      justify-content: center; /* Центрирование контейнера по горизонтали */
      /*align-items: center; /* Центрирование контейнера по вертикали */
      min-height: 100vh; /* Минимальная высота body — 100% высоты окна просмотра */
      margin: 0; /* Удаление стандартных внешних отступов браузера */
      color: #333; /* Основной цвет текста (темно-серый) */
    }

    /* Внешняя обертка для карточки установки */
    .install-container {
      width: 100%; /* Растягивание на всю доступную ширину */
      max-width: 700px; /* Ограничение максимальной ширины в 700 пикселей */
      padding: 20px; /* Внутренние отступы от краев экрана */
	  margin: 20px auto 0; /* Отступ 20px сверху, авто-отступы по бокам */
    }

    /* Основная карточка с контентом */
    .install-card {
      border: 2px #808080 solid; /* Серая сплошная рамка толщиной 2px */
      background: #e3ffec; /* Светло-зеленый фон как на скриншоте */
      border-radius: 5px; /* Скругление углов рамки на 5px */
      padding: 15px; /* Внутренний отступ от рамки до текста */
      box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5); /* Глубокая тень: смещение вниз, размытие и полупрозрачный черный цвет */
    }

    /* Стили верхнего заголовка внутри карточки */
    .install-title {
      font-size: 18px; /* Размер шрифта заголовка */
      font-style: italic; /* Написание курсивом */
      font-weight: 700; /* Жирное начертание */
      color: #808080; /* Серый цвет текста */
      margin-left: 25px; /* Сдвиг заголовка вправо */
      padding-bottom: 5px; /* Небольшой отступ снизу */
    }

    /* Оформление таблицы с параметрами системы */
    table {
      font-family: inherit; /* Наследование шрифтов от body */
      font-weight: 700; /* Жирный текст для всех ячеек */
      font-size: 14px; /* Размер шрифта в таблице */
      width: 100%; /* Таблица занимает всю ширину карточки */
      border-collapse: collapse; /* Убирает двойные рамки между ячейками */
      margin: 20px 0; /* Отступы сверху и снизу от таблицы */
    }
    
    /* Стили обычных ячеек */
    td {
      padding: 5px 0; /* Вертикальные отступы внутри строк */
      border-bottom: 1px dashed #bddbc5; /* Пунктирная разделительная линия снизу ячейки */
    }

    /* Специальные стили для правой колонки значений */
    td:last-child {
      text-align: left; /* Текст внутри ячейки прижат к левому краю */
      padding-left: 25%; /* Создание большого пустого пространства слева для имитации смещения вправо */
    }

    /* Цвет текста для статуса "ОК" */
    .status-ok {
      color: #2e7d32; /* Темно-зеленый цвет */
      font-weight: bold; /* Дополнительное выделение жирным */
    }

    /* Текст подсказки */
    .hint {
      font-size: 0.9em; /* Размер чуть меньше основного (90%) */
      color: #666; /* Средне-серый цвет */
      line-height: 1.5; /* Межстрочный интервал для читаемости */
    }

    /* Блок сообщения об ошибке */
    .error-msg {
      background: #ffdce0; /* Светло-розовый фон ошибки */
      padding: 2px 20px; /* Минимальные отступы сверху/снизу и широкие сбоку */
      border-radius: 3px; /* Скругление углов фона */
      border-left: 3px solid #d32f2f; /* Жирная красная черта слева для акцента */
      margin-top: 5px; /* Отступ сверху от предыдущего текста */
    }

    /* Убираем отступы у параграфа внутри блока ошибки для компактности */
    .error-msg p {
      margin: 0;
    }

    /* Стили подвала (авторские права) */
    .footer {
      text-align: center; /* Центрирование текста */
      font-size: 13px; /* Уменьшенный размер шрифта */
      font-style: italic; /* Курсив */
      font-weight: 700; /* Жирный текст */
      color: #888; /* Светло-серый цвет */
      margin-top: 20px; /* Отступ от основной карточки */
    }

    /* Цвет ссылок в подвале */
    .footer a { color: #666; }
	
	/* Стили для форм и таблиц */
	.form-table {
		border-collapse: collapse; /* Убирает двойные рамки между ячейками */
		margin-top: 1em;           /* Отступ всей таблицы сверху */
		width: 100%;               /* Таблица растягивается на всю ширину контейнера */
	}

	/* Общие стили для заголовков (th) и обычных ячеек (td) */
	.form-table th, 
	.form-table td {
		padding: 10px 20px 10px 0; /* Внутренние отступы: верх 10px, право 20px, низ 10px, лево 0 */
		font-size: 14px;           /* Размер шрифта текста в ячейках */
		vertical-align: top;       /* Выравнивание содержимого по верхнему краю ячейки */
		text-align: left;          /* Выравнивание текста по левому краю */
	}

	.form-table th {
		width: 150px;              /* Фиксированная ширина колонки с заголовками */
		font-weight: 600;          /* Делает текст заголовков полужирным */
	}

	.form-table p {
		margin: 4px 0 0;           /* Отступ только сверху (4px), чтобы текст под инпутом не прилипал */
		font-size: 12px;           /* Уменьшенный шрифт для пояснительного текста */
		color: #666;               /* Серый цвет текста для второстепенной информации */
	}

	.form-table input {
		width: 100%;               /* Инпут занимает всю доступную ширину ячейки */
		font-size: 12px;           /* Размер шрифта внутри поля ввода */
		padding: 5px;              /* Внутренний отступ текста от краев инпута */
		box-sizing: border-box;    /* Включает padding в ширину 100%, чтобы инпут не вылезал за границы */
	}
	
	.form-table select {
		width: 100%;               /* Инпут занимает всю доступную ширину ячейки */
		font-size: 12px;           /* Размер шрифта внутри поля ввода */
		padding: 5px;              /* Внутренний отступ текста от краев инпута */
		box-sizing: border-box;    /* Включает padding в ширину 100%, чтобы инпут не вылезал за границы */
	}