/* ====== ГЛОБАЛЬНЫЕ НАСТРОЙКИ ====== */
html {
    font-size: 16px; /* Базовый размер для всех em — основа адаптивной типографики */
}

body {
    font-family: Arial, sans-serif; /* Основной шрифт без засечек */
    margin: 0; /* Убираем внешние отступы у body */
    padding: 0;
    background-color: #FFFFFF; /* Белый фон по умолчанию */
    color: #323232; /* Цвет основного текста */
}

h1 {
    font-size: clamp(1.3em, 6vw, 3em); /* Адаптивный размер h1: от 1.3em до 3em с целевым 6vw */
    margin-top: clamp(1.2em, 2.5vw, 2.5em); /* Адаптивный отступ сверху */
}

h2 {
    font-size: clamp(1.1em, 5vw, 2.5em); /* Адаптивный размер h2: от 1.1em до 2.5em с целевым 5vw */
    margin-top: clamp(1.3em, 1.8vw, 2.5em); /* Адаптивный отступ сверху */
}

p {
    font-size: clamp(1em, 3vw, 2em); /* Адаптивный размер основного текста */
    line-height: 1.6; /* Межстрочное расстояние для читаемости */
}

ul {
    padding-left: 1.5em; /* Отступ перед маркерами списка */
    margin-top: 0.5em;  /* Отступ сверху от предыдущего блока */
    margin-bottom: 1em; /* Отступ снизу перед следующим блоком */
}

ul li {
    font-size: clamp(1em, 3vw, 2em); /* Тот же адаптивный размер, что и у абзацев */
    line-height: 1.6; /* Межстрочное расстояние внутри списка */
    margin-bottom: 0.3em; /* Отступ между пунктами */
    list-style-type: disc; /* Маркеры в виде точек */
}

ul li::marker {
    color: #FF9400; /* Оранжевый цвет маркеров списка */
}

/* ====== ХЭДЕР И ФУТЕР ====== */
header, footer {
    background-color: #00385E; /* Тёмно-синий фон */
    text-align: center; /* Центрирование текста */
    padding: 2em 0; /* Отступы сверху и снизу */
    width: 100%; /* Ширина на всю страницу */
}

footer {
    font-size: 1em; /* Фиксированный размер текста в футере */
    color: #D5D5D5; /* Светло-серый текст */
}

/* ====== ЛОГОТИП И ПОДПИСЬ ====== */
.logo {
    display: flex; /* Вертикальное расположение логотипа и подписи */
    flex-direction: column;
    align-items: center;
    gap: 1.2em; /* Расстояние между элементами логотипа */
}

.logo img {
    max-width: 100%;
    height: auto;
    width: clamp(6em, 52vw, 24em); /* Адаптивный размер логотипа */
}

.logo img:last-child {
    width: clamp(9em, 78vw, 36em); /* Адаптивный размер подписи под логотипом */
}

/* ====== ОСНОВНОЙ КОНТЕНТ ====== */
main {
    max-width: 56em; /* Ограничение ширины основного текста */
    margin: 0 auto 3em auto; /* Центрирование + отступ снизу */
    padding: 0 clamp(1em, 4vw, 3em); /* Адаптивные боковые отступы */
}