/* --- ОСНОВНЫЕ ПРАВИЛА --- */
/* Стиль для всей страницы */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
    background-color: #f4f7f6; /* Светлый, спокойный фон */
    color: #1a1a1a; /* Тёмно-серый текст для контраста */
    line-height: 1.7; /* Увеличенный межстрочный интервал для удобства чтения */
    max-width: 720px; /* Ограничиваем ширину, чтобы текст не растягивался */
    margin: 20px auto; /* Выравниваем по центру */
    padding: 20px 30px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05); /* Лёгкая тень для объёма */
    background-color: #ffffff; /* Белый фон для контента */
    border-radius: 8px; /* Закруглённые углы */
}

/* --- ЗАГОЛОВКИ --- */
h1 {
    font-size: 2.2em;
    color: #2c3e50; /* Тёмный сине-серый */
    text-align: center;
    border-bottom: 3px solid #e0e8e6; /* Аккуратный разделитель */
    padding-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
}

h2 {
    font-size: 1.6em;
    color: #2c3e50;
    margin-top: 1.8em;
    border-left: 5px solid #4a9e8e; /* Акцентная полоска слева */
    padding-left: 15px;
    font-weight: 500;
}

/* --- АБЗАЦЫ И ТЕКСТ --- */
p {
    margin-bottom: 1.2em;
}

/* Стиль для выделения важного */
.highlight {
    background-color: #f0f7f5;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
    color: #1f6b5e;
}

/* --- СПИСОК ССЫЛОК (ваши разделы) --- */
.links-list {
    list-style: none; /* Убираем стандартные маркеры */
    padding: 0;
    margin: 2em 0;
    display: flex;
    flex-wrap: wrap; /* Чтобы переносилось на маленьких экранах */
    gap: 12px 20px; /* Расстояние между ссылками */
    justify-content: center;
    border-top: 1px solid #e0e8e6;
    border-bottom: 1px solid #e0e8e6;
    padding: 20px 0;
}

.links-list li {
    margin: 0;
}

/* --- ССЫЛКИ --- */
a {
    color: #2a7a6b;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 0;
    border-bottom: 2px solid transparent; /* Прозрачная граница для анимации */
    transition: border-color 0.2s ease, color 0.2s ease;
}

a:hover {
    color: #1b5448;
    border-bottom-color: #4a9e8e; /* Подчёркивание появляется при наведении */
}

/* Ссылки в списке разделов делаем крупнее */
.links-list a {
    font-size: 1.1em;
    padding: 8px 15px;
    background-color: #f2f6f5;
    border-radius: 20px; /* Делаем их "таблетками" */
    border-bottom: none;
    transition: background-color 0.2s ease, transform 0.1s ease;
    display: inline-block;
}

.links-list a:hover {
    background-color: #ddeae6;
    transform: translateY(-2px); /* Лёгкий подъём при наведении */
    border-bottom: none;
}

/* --- ПОДВАЛ --- */
.footer-note {
    margin-top: 3em;
    padding-top: 1.5em;
    border-top: 1px solid #e0e8e6;
    text-align: center;
    font-size: 0.9em;
    color: #6a7a7a;
}

/* --- АДАПТИВНОСТЬ ДЛЯ ТЕЛЕФОНА --- */
@media (max-width: 550px) {
    body {
        padding: 15px;
        margin: 10px;
        border-radius: 4px;
    }
    h1 {
        font-size: 1.8em;
    }
    .links-list {
        flex-direction: column; /* Ссылки в столбик на телефоне */
        align-items: center;
    }
}