/* --- Глобальні налаштування (Times New Roman) --- */
BODY {
    font-family: "Times New Roman", Times, serif;
    background: white fixed center;
    margin: 0.5em;
    color: black;
    font-size: 1.2em;
}

/* --- Налаштування списків у тексті (ol, ul) --- */
/* Додаємо інтервали, щоб списки було легко читати */
ol li, ul:not(.top-menu ul) li {
    line-height: 1.3;      /* Відстань між рядками */
    margin-bottom: 0.8em;  /* Відступ між пунктами 1, 2, 3... */
    text-align: justify;
}

/* Прибираємо маркер (крапку) для меню, але лишаємо для тексту */
.top-menu li { list-style: none !important; }

/* --- ГОЛОВНЕ МЕНЮ --- */
.top-menu {
    background: #f8f9fa;
    border-bottom: 2px solid navy;
    margin-bottom: 30px;
    width: 100%;
}

.top-menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.top-menu > ul > li {
    position: relative;
}

.top-menu li a {
    display: block;
    padding: 12px 25px;
    color: blue !important;
    text-decoration: none !important;
    font-weight: bold;
    margin: 0; /* У меню відступи li не потрібні */
}

/* Стрілка */
.top-menu li.has-dropdown > a::after {
    content: " ▼";
    font-size: 0.7em;
}

/* Ефекти наведення */
.top-menu li:hover > a {
    background: yellow;
    color: red !important;
}

/* --- ВИПРАВЛЕННЯ: ПРИХОВУВАННЯ МЕНЮ --- */
.top-menu .dropdown,
.top-menu ul ul {
    display: none; /* ПРИМУСОВО ХОВАЄМО */
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 120px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index: 1000;
    padding: 0;
    border: 1px solid #ccc;
}

/* Показуємо ТІЛЬКИ при наведенні курсору */
.top-menu li:hover > .dropdown,
.top-menu li:hover > ul {
    display: block !important;
}

.dropdown li, .top-menu ul ul li {
    margin: 0 !important; /* Прибираємо великі інтервали в самому меню */
    width: 100%;
}

.dropdown li a {
    padding: 8px 15px !important;
    font-weight: normal !important;
    border-bottom: 1px solid #eee;
    font-size: 0.9em;
}

/* --- Решта ваших стилів --- */
H1 { color: navy; text-align: center; font-size: 1.5em; }
H2 { color: blue; text-align: center; font-size: 1.2em; }
P { text-align: justify; margin: 0.5em; line-height: 1.4; }