body {
            background-color: #2E0C1A; /* Темно-бордовый фон */
            color: #F5DAB4; /* Светлый текст */
            font-family: Georgia, serif;
            font-size: 16px;
            line-height: 1.2; /* Уменьшено расстояние между строками */
            margin: 0;
            padding: 0;
        }
        a {text-decoration: none;}
        header {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        h1 {
            font-size: 2.2em;
            margin: 0;
            color: #FFD7B3; /* Ярко-розово-золотистый оттенок */
        }
        .logo {
            width: 120px; /* Логотип */
            height: auto;
            margin-right: 30px; /* Небольшой отступ справа от логотипа */
        }
        form {
            display: flex;
            flex-direction: column; /* Форма идёт вертикально */
            align-items: center;
            margin: 20px 0;
        }
        .top-row {
            display: flex;
            justify-content: center;
            margin-bottom: 10px;
        }
        .bottom-row {
            display: flex;
            justify-content: center;
        }
        label {
            font-size: 1em; /* Поле названия сделано меньшим размером */
            margin-right: 5px;
        }
        input[type="text"],
        select {
            padding: 3px; 
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 18px;
            width: 160px;
        }
        .textlabel {
            padding: 3px; 
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 25px;
            width: 120px;

        }
        .texttags {
            margin-top: 5px;
			padding: 3px; 
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 18px;
            width: 400px;
        }
        .textyear {
            padding: 3px; 
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 18px;
            width: 35px;
        }
        .textroules {            
            padding: 3px;
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 18px;
            width: 35px;
        }
        .textdrama {
            padding: 3px; 
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #CC8866;
            height: 18px;
            width: 220px;
        }
        button[type="submit"] {
            padding: 3px 15px; 
            background-color: #FFD7B3;  #CC8866;
            color: #2E0C1A; 
            font-size: 1em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-left: 10px; /* Отступ кнопки "Искать" */
            height: 25px;
            font-size: 10pt;
            width: 70px;
font-family: Georgia, serif;
        }
        button[type="submit"]:hover {
            background-color: #CC8866;
        }

        main {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            padding: 20px;
        }
        article {
            width: calc(50% - 20px);
            margin: 10px;
            background-color: #451225; /* Немного светлее основного фона */
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        }
        .author {
            font-size: 1.2em;
            font-weight: normal;
            margin-bottom: 5px;
        }
        .title {
            font-size: 1.8em;
            font-style: normal; /* Без курсива */
            margin-bottom: 5px;
        }
        .description {
            font-size: 0.9em;
            color: #CC8866;
            margin-bottom: 5px;
        }
        .details {
            font-size: 0.9em;
            color: inherit; /* Детали того же цвета, что и название */
            font-style: italic;
            margin-bottom: 5px;
        }
        button.download-btn {
            display: block; /* Кнопка ниже текста */
            margin-top: 10px; /* Отступ снизу от текста */
            padding: 10px 20px;
            background-color: #CC8866;
            color: #2E0C1A;
            font-size: 0.9em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            float: right;
            margin: 15px;
font-family: Georgia, serif;
        }
        button.download-btn:hover {
            background-color: #FFCBA4;
        }
        article {
            width: 700px; 
        }
        @media only screen and (max-width: 768px) {
            article {
                width: 100%; /* На мобильном устройстве ширина блока занимает всю ширину экрана */
            }
        }
        /* Дополнительные стили для сортировки */
        .sort-container {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 0px;
			margin-bottom: 0px;
        }
        .sort-field {
            display: flex;
            align-items: center;
        }
        .sort-link {
            color: #FFD7B3;
            text-decoration: none;
            cursor: pointer;
            position: relative;
            padding-right: 0px;
        }

        /* Кнопка сброса */
        .reset-button {
            margin-top: 0px;
            margin-bottom: 0px;
			margin-left: 15px;
            padding: 6px 10px;
            background-color: #FFD7B3; 
            color: #2E0C1A; 
			
            font-size: 0.8em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            float: right;
  display: flex;
  align-items: center; /* Центрирует по вертикали */
  justify-content: center;
        }
        .reset-button:hover {
            background-color: #CC8866;
            float: right;
  display: flex;
  align-items: center; /* Центрирует по вертикали */
  justify-content: center;
        }
td {
padding-left: 3px;}
.strelka {
width: 18px;
text-align:right;
}

.download {
float: right;
display: block; 
margin-top: 10px; 
margin-bottom: 0px; 
margin-right: 5px; 
text-align: center;

}
.counter {
font-size: 9pt;
font-style: italic;
color: #CCAA88;
}

button.downloadbtn {
            background-color: #CC8866;
            color: #2E0C1A;
            font-size: 0.9em;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
			padding: 10px 30px;

			font-family: Georgia, serif;
        }
        button.downloadbtn:hover {
            background-color: #FFCBA4;
        }