header {
#                background-color: #f0f0f0; /* Фон шапки */
                background-color: #d6edff;
#                background-color: #b3e5fc;
                padding: 5px 0px;        /* Внутренние отступы */
                text-align: center;        /* Выравнивание текста по центру */
#                border-bottom: 1px solid #ccc; /* Нижняя граница */
            }

          header h1 {
                font-size: 2em;          /* Размер главного заголовка H1 */
#                font-weight: bold;
#                color: #333;               /* Цвет текста */
                 color: #9e1102;
                margin: 0;                 /* Убираем стандартный отступ */
            }

          header p {
                font-size: 1.5em;            /* Размер подзаголовка */
                color: #666;
                margin-top: 5px;
            }

          ul.nav {
                margin-left: 0px;
                padding-left: 5px;
                list-style: none;
            }
            ul.nav a {
                display: block;
                width: 93%;
                padding:5px;
                background-color: #f4f4f4;
                border-top: 1px dashed #333;
                border-right: 1px dashed #333;
                border-left: 5px solid #333;
                text-decoration: none;
                color: #023b9e;
                font-size: 1.5em;
                font-weight: bold;
            }
            ul.nav li:last-child a {
                border-bottom: 1px dashed #333;
            }

                      /* Стили для <details> */
          details {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 5px;
            margin-bottom: 5px;
#            background-color: #bbe0fc;
#            background-color: #f0f0f0;
            cursor: pointer; /* Показываем, что элемент интерактивен */
            font-size: 20px;
#            font-weight: bold;
            }

          /* Стили для <summary> - заголовка */
          summary {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            outline: none; /* Убираем стандартный outline */
            }

          /* Псевдокласс для раскрытого состояния */
          details[open] {
#            background-color: #e6e6e6;
            background-color: #d6edff;
#            background-color: #b3e5fc;
            font-size: 18px;
            }

          /* Псевдокласс для раскрытого состояния */
          details:not([open]) {
#            background-color: #f9f9f9;
            background-color: #f9f9f9;
            font-size: 20px;
            }

          /* Цвет фона именно для вложенного (дочернего) details, когда родитель открыт */
          details[open] details[open] {
#            background-color: #bde1fc;
            background-color: #bde1fc;
            font-size: 15px;
            }

          /* Псевдокласс для закрытого состояния */
          details:checked {
            background-color: #f9f9f9;
            font-size: 20px;
            }

          /* Изображение внутри details не превысит ширину родителя */
          details img {
          /*    max-width: 100%; */
              width: 100%;
              height: auto;
              display: block; /* Убирает нижний отступ */
          }

          /* Стиль маркера (треугольника) */
          summary::-webkit-details-marker {
            color: #007bff; /* Цвет маркера для WebKit (Chrome, Safari) */
            }

          summary::marker {
            color: #007bff; /* Цвет маркера для Firefox */
#            font-size: 22px;
            }

          /* Содержимое после раскрытия */
          .content-box {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed #ddd;
            color: #555;
            font-size: 18px;
            }

          h1 {
            font-size: 1.5em;          /* Размер главного заголовка H1 */
            font-weight: bold;
#           color: #333;               /* Цвет текста */
            color: #9e1102;
            margin: 0;                 /* Убираем стандартный отступ */
            }