@font-face {
	font-family: 'CormorantGaramond';
	src: url("/static/fonts/CormorantGaramond.ttf") format("truetype");
}
@font-face {
	font-family: 'CormorantGaramondItalic';
	src: url("/static/fonts/CormorantGaramond-Italic.ttf") format("truetype");
}
html, body {
	color: #e0d3a1;
	font-family: CormorantGaramond;
	background: #1c1b19 !important;
	margin: 0;
}

em{
    font-family: CormorantGaramondItalic;
    font-style:normal;
}
p.right{
    text-align: right;
}
.paper-text{
    text-align: justify;
}

.paper-text img.top{
    margin-top: 0 !important; 
}
.paper-text img.bottom{
    margin-bottom: 0 !important; 
}
.paper-text img.left{
    margin-left: 0 !important; 
}
.paper-text img.right{
    margin-right: 0 !important; 
}


.paper-text p{
    text-indent: 1em;
}
.paper-text a{
	text-decoration:underline;
}

.paper-text p:first-child{
     margin-top: 0px !important;
}

.paper-text p:last-child{
     margin-bottom: 0px !important;
}



p.tags{
    font-size: 0.9em;
}
body {
	font-family: CormorantGaramond;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
 body a{
	color: #dcd2ac;
     text-decoration: none;
	}
body input, body button{
	font-family: CormorantGaramond;
}

h1 a, h2 a, h3 a{
    text-decoration: none;
}
p{
    font-size: 1.15em;
}

p.right{
  text-align: right;  
}
p.out-of-section{
    padding-left:20px;
    padding-right:20px;
}
h3{
    font-size: 1.25em;
}

mark{
    background: #e0c86b;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


main{
	width: calc(100% - 20px);
	height: calc(100% - 80px);
	border-right: 1px #675c45 solid;
	border-top: 1px #696150 solid;
	border-left: 1px #675c45 solid;
	border-bottom: 1px #524831 solid;
	display: block;
	margin: 10px;
	overflow: hidden;
}

main h1{
	text-align: center;
	padding: 20px;
	margin: 10px;
	min-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	align-self: center;
	font-weight: 400;
}

main a:hover{
    color: #ffffff;
}
.breadcrumbs-nav, .breadcrumbs-spacer{
    margin-top: 70px;
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;          /* разрешаем перенос по элементам */
  gap: .5em;
  list-style: none;
  /* padding: 0; */
  /* margin: .5em 0 1em; */
}

.breadcrumbs li {
  white-space: nowrap;      /* внутри элемента не переносим слова */
}
.breadcrumbs li a{
    text-decoration: none;
}
.breadcrumbs li::after {
  content: "›";
  margin-left: .5em;
  color: #8d7c58;
}

.breadcrumbs li:last-child::after {
  content: "";
}
footer {
	width: 100%;
}

.article {
    padding: 10px;
    height: max-content
}
.article-data{
    display: flex;
    
}

.gold-panel{
    border-right: 1px #675c45 solid;
	border-top: 1px #696150 solid;
	border-left: 1px #675c45 solid;
	border-bottom: 1px #524831 solid;
}

.gold-panel {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

/* свернутое состояние */
.gold-panel.collapsed {
  max-height: 350px;
}

/* плавное затемнение к низу */
.gold-panel.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0; /* место под кнопку */
  left: 0;
  width: 100%;
  height: 10em;
  background: linear-gradient(to bottom, transparent, #1c1b19);
  pointer-events: none;
}

/* кнопка */
.gold-panel .read-more{
      position: absolute;
      bottom: 0.5em;
      left: 50%;
      transform: translateX(-50%);
      background: #8d7c58;
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 6px 12px;
      cursor: pointer;
      z-index: 2;
}

button.more{
    margin-left: auto;
    margin-right: auto;
    background: #1c1b19;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    z-index: 2;
    border-right: 1px #675c45;
    border-top: 1px #696150;
    border-left: 1px #675c45;
    border-bottom: 1px #524831;
    border-style: solid;
    font-size: 1em;
    font-weight: 800;
}

/* когда развернуто */
.gold-panel:not(.collapsed) {
  max-height: none;
}

.gold-panel:not(.collapsed)::after {
  display: none;
}

.gold-panel:not(.collapsed) .read-more {
  display: none;
}

.gold-title{
    border-right: 4px #675c45 groove;
    border-top: 4px #696150 groove;
    border-left: 4px #675c45 groove;
    border-bottom: 4px #524831 groove;
    border-style: double;
}

.details-list{
    display: flex;
    justify-content: space-evenly;
}
section{
	padding: 15px;
	margin-left: 20px;
	border-radius: 2px;
	margin-right: 20px;
	margin-bottom: 20px;
}

section::after {
  content: "";
  display: table;
  clear: both;
}

section ul.grid-list{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  margin: 0 auto;
  height: 100%;
}
section ul li img{
  height: auto;
  width: 100px;
}

section.route{
    display:flex;
    flex-direction: column;
}
section.route a{
    font-size: 1.2em;
    text-decoration: none;
}
section.route .next{
    align-self: end;
}
section.route .prev{
    align-self: start;
}
article.item {
  display: flex;
}
article.item a{
   text-decoration: none;
}
article.item img {
    margin: 10px;
    border-right: 1px #675c45 solid;
    border-top: 1px #696150 solid;
    border-left: 1px #675c45 solid;
    border-bottom: 1px #524831 solid;
	filter: sepia(.5);
}

article.item a.cover {
    background-color: #2f231b;
    margin: 5px;
    border-right: 1px #675c45 solid;
    border-top: 1px #696150 solid;
    border-left: 1px #675c45 solid;
    border-bottom: 1px #524831 solid;
    display: flex;
    height: fit-content;
}

hr {
		border-top: 1px #8d7c58 solid !important;
		border-bottom: 1px #413a2d solid !important;
		border-left: 1px #dabd81 solid !important;
		border-right: 1px #413a2a solid !important;
	}

article.item .text {padding-left: 10px;padding-right: 5px;width: 100%;}


article.tablet h2{
    text-align: center;
    font-size: 24px;
}

.page {
	/* width: 1100px; */
	min-height: calc(100vh - 210px);
	display: flex;
	flex-direction: column;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
}

/* ====== Квиз ====== */
/* ====== Квиз ====== */
.quiz-title {
  margin-bottom: 20px;
  color: #dcd2ac;
  font-size: 1.8em;
  text-align: center;
}

.quiz-question {
  background: #1c1b19;
  /* border: 1px solid #8d7c58; */
  border-radius: 10px;
  padding: 20px;
  max-width: 450px;
  width: -webkit-fill-available;
  margin: 10px;
  align-self: center;
}
/* Вопрос без отступов */
.quiz-question h2 {
  margin: 0 0 12px 0;
  /* font-size: 18px; */
  font-weight: 600;
}

/* Вариант */
.answer-option {
  display: block;
  margin: 8px 0;
  cursor: pointer;
}

/* Линия с иконкой, текстом и процентом */
.answer-line {
  display: flex;
  align-items: center;
  font-size: 18px;
}

/* Иконка-кружок слева */
.radio-circle {
  width: 18px;
  height: 18px;
  border: 2px solid #8d7c58;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  position: relative;
}

/* Текст ответа */
.answer-text {
  flex: 1;
}

/* Проценты справа */
.percent {
  width: 40px;
  text-align: right;
  font-weight: bold;
  visibility: hidden; /* до ответа скрыты */
}
/* Пустой кружок (до ответа) */
.radio-circle {
  width: 18px;
  height: 18px;
  border: 2px solid #8d7c58;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  position: relative;
}
/* Галочка зелёная (правильный выбранный) */
.answer-option.correct.selected .radio-circle {
  border: none;
}
.answer-option.correct.selected .radio-circle::before {
  content: "✔";
  color: #6dc06d;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Галочка синяя (правильный, если выбрали неверно) */
.answer-option.correct.witness .radio-circle {
  border: none;
}
.answer-option.correct.witness .radio-circle::before {
  content: "✔";
  color: #9e9573;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Крестик красный (неправильный выбранный) */
.answer-option.incorrect.selected .radio-circle {
  border: none;
}
.answer-option.incorrect.selected .radio-circle::before {
  content: "✖";
  color: #d9534f;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Прогресс-бары */
.progress {
  height: 6px;
  background: #3a3933;
  border-radius: 3px;
  margin-top: 4px;
  overflow: hidden;
}

.progress.hidden {
  display: none;
}

.progress-bar {
  height: 100%;
  width: 0;
  transition: width 0.5s ease;
  background: #8d7c58;
}

.answer-option.correct.selected .progress-bar {
  background: #6dc06d;
}

.answer-option.correct.witness .progress-bar {
  background: #9e9573;
}

.answer-option.incorrect.selected .progress-bar {
  background: #d9534f;
}

/* ===== Пояснение ===== */
.explanation {
  margin-top: 15px;
  color: #dbd4ac;
  /* font-size: 0.95em; */
  /* border-top: 1px dashed #8d7c58; */
  padding-top: 10px;
}

.quiz-navigation{
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: center;
    margin-bottom: 10px;
}


.footer {
	width: 100%;
	height: 80px;
	background-color: rgb(28 27 25);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	bottom: 0;
	/* font-weight: bold; */
}

.footer-menu {
	padding-left: 20px;
	font-size: 15px;
	white-space: nowrap;

}
.footer-menu ul{
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.footer-menu a {
	text-decoration: none;
	color: #e0d3a1;
	/* padding: 20px; */
}

.footer-menu a:hover {
	color: #ffffff;
}

.footer-right {
	/* font-size: 12px; */
	padding-right: 40px;
	display: flex;
    gap: 10px
}

.contact {
	color: #e0d3a1;
	white-space: nowrap;
	/* padding-right: 40px; */
}

.contact a {
	color: #e0d3a1;
	text-decoration: none;
	font-family: 'CormorantGaramondItalic';
	text-decoration: underline;
}

.contact a:hover {
	color: #ffffff;
}

.copyright {
	font-size: 15px;
	font-weight: 200;
	white-space: nowrap;
}


.back{
	display: flex;
	font-size: 25px;
	padding: 25px;
	/* min-width: 300px; */
	min-width: 45px;
}

.back a{
    background: url("data:image/png;base64,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");
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    position: fixed;
    transition: 0.4s ease;
 }
.back a:hover{
	background: url("data:image/png;base64,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");
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;

}


.player_control_panel {
	width: 100%;
	display: flex;
	padding: 10px;
	gap: 5px;
}

.player_site {
	display: flex;
	flex-direction: column;
	width: 100%;
}

input[type=text],
input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.player_button {
	padding: 0;
	height: 40px;
	width: 90px;
	color: #bfbfbf;
	font-weight: 600;
	/*background-color: #353b40;
    border: 1px solid #393d41;*/
	background-color: #2c363f;
	border: 1px solid #3d4e5c;
	border-radius: 5px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	/*padding: 0px;
    margin: 2px;
    margin-left: 5px;*/
}

.player_button.volume,
.player_button.speed {
	cursor: default;
	background-color: #1f2326;
	
}
.player_button.speed{
	display: none;
}

.player_button.volume:hover,
.player_button.speed:hover {
	/*background-color: #2c363f;*/
	background-color: #1f2326;
}

.player_button.disabled {}


.player_button span.volume {
	position: absolute;
	display: block;
	margin-top: 13px;
	margin-left: 48px;
}

.player_button .line {
	height: 100%;
	background-color: #2c363f;
}

.speed>.percent {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

.speed_mobile {
	display: flex;
	justify-content: center;
	align-items: center;
	/* display: none; */
}

.speed>.line {
	margin-top: -48px;
}


.player_button span.speed {
	position: absolute;
	display: block;
	margin-top: 18px;
}


.player_button:hover>.line {
	background-color: #354555;
}

.player_button:hover {
	/*background-color:#3a4045;*/
	background-color: #354555;

}

.player_button:active {
	background-color: #1f2326;
}


.player_button.play {
	background-image: url("data:image/png;base64,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");
}

.player_button.pause {
	display: none;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAA7UlEQVR4nO3c0QnCMABF0Soulskzmo5QAm28yjkD5BUuoX85DgAAAAAAgP/2uHtgzvm+8rwxxtI3f3t/1fPOw1knSIwgMa/dg7/2D7h6/4wbEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAxgsQIEiNIjCAx299+3/2Wem3/jBsSI0iMIAAAAAAAAGz1Ack0FwSrMQnBAAAAAElFTkSuQmCC");
}

.player_button .audio {
	height: 40px;
	width: 82px;
	position: absolute;
	background-image: url("data:image/png;base64,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");
	background-position: 25px center;
	background-repeat: no-repeat;
	background-size: 20px;
	pointer-events: none;
}

.player_button span.pop_t {
	position: absolute;
	display: block;
	margin-left: 40px;
	margin-top: -66px;
}


.playlist {
	/* min-height: 220px; */
	max-height: 505px;
	overflow-y: scroll;
	width: calc(100%-5px);
	/*margin-left:10px;
    margin-right: 10px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	/* padding-top: 5px; */
}

.playlist_item {
	width: 100%;
	height: 50px;
	display: flex;
	position: relative;
	border-bottom: 1px solid #171c20;
}

.equalizer_icon {
	width: 15px;
	padding: 15px;
	fill: #bfbfbf;
	position: absolute;
}

.chapter {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.chapter.blank:hover {
	background-color: rgba(39, 44, 48, 0.66);
	cursor: pointer;
}

.chapter .line {
	position: relative;
}

.chapter .line.cache {
	background-color: rgba(78, 122, 158, 0.27);
	position: absolute;
	height: 70%;
	pointer-events: none;
}

.chapter .line.progress {
	height: 80%;
	background-color: rgba(90, 122, 148, 0.22);
}

.chapter .line.progress.active {
	background-color: #4d7a9e;
}

.chapter .line.progress.complete {
	/*background-color: #374b37;*/
	background-color: #3a5938;
}

.chapter .line.progress:where((min-width:95%)) {
	background-color: #374b37;
}

.chapter .line.progress.hover {
	background-color: rgba(133, 168, 196, 0.19);
	position: absolute;
	height: 80%;
}

.chapter.blank .line.progress.hover {
	display: none;
}

.hidden {
	display: none;
}

.item_text {
	position: absolute;
	/* width:calc(100% - 50px); */
	width: 100%;
	display: flex;
	/*justify-content: space-between;
    margin-left: 40px;*/
	font-size: 13px;
	align-items: center;
	pointer-events: none;
	font-weight: 600;
}

.item_text .chapter-title {
	cursor: default;
	pointer-events: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: calc(100% - 170px);
	margin-left: 5px;
}

.item_text span.time {
	/* font-size: 13px; */
	color: rgba(255, 255, 255, 0.55);
	width: 140px;
	text-align: right;
	position: absolute;
	right: 0;
	padding: 5px;
}

.chapter.blank .item_text span,
chapter {
	cursor: pointer;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.equalizer {
	font-size: 0;
	margin: 0px 0px 0px 5px;
	display: flex;
}

.equalizer i {
	background-color: #fff;
	content: "";
	display: inline-block;
	height: 10px;
	width: 3px;
	margin: 0 1px;
	-webkit-animation: move-up-and-down 0.5s infinite alternate;
	animation: move-up-and-down 0.5s infinite alternate;
	transform-origin: bottom left;
}

i:nth-of-type(1) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

i:nth-of-type(2) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

i:nth-of-type(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-of-type(4) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

i:nth-of-type(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-of-type(6) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-of-type(7) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

i:nth-of-type(8) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-of-type(9) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

i:nth-of-type(10) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

i:nth-of-type(11) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

i:nth-of-type(12) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes move-up-and-down {
	0% {
		opacity: 0.3;
		transform: scaleY(0.05);
	}

	100% {
		opacity: 1;
		transform: scaleY(1);
	}
}

@keyframes move-up-and-down {
	0% {
		opacity: 0.3;
		transform: scaleY(0.05);
	}

	100% {
		opacity: 1;
		transform: scaleY(1);
	}

}

/* HEADER */
header {
	width: 100%;
	display: flex;
	justify-content: center;
}
.header {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1c1b19;
    position: fixed;
    min-width: 100% !important;
    top: 0;
    z-index: 4;
    margin-left: auto;
    margin-right: auto;
}
 .container{
	/* max-width: 1100px; */
	display: flex;
	justify-content: space-between;
	border-right: 1px #675c45 solid;
	border-top: 1px #696150 solid;
	border-left: 1px #675c45 solid;
	width: calc(100% - 20px);
	margin-top: 10px;
	height: 60px;
}
.header a{
	font-weight: 600;
	/* color: #e0d3a1; */
	font-size: 18px;
	text-decoration: none;
}

.header-left, .header-right {
    display: flex;
    align-items: center;
    /* gap: 10px; */
}


.header-left a {
    margin-right: 20px;
    white-space: nowrap;
}


.header-left a:hover {
    color: #ffffff;
}

.header-right a {
    margin-right: 10px;
}

a.search-button {
    cursor: pointer;
}



.search-input {
	display: none;
}

.search-input .clear {
    display: flex;
    align-items: center;
	cursor: pointer;
}

.search-input.active{
	display: flex;
}

.search-input .search-field{
	display: flex;
	flex-direction: row;
	background-color: #211d16;
	color: #d5d5d5;
	height: 30px;
	border-right: 1px #675c45 solid;
	border-top: 1px #696150 solid;
	border-left: 1px #675c45 solid;
	border-bottom: 1px #524831 solid;
	padding: 2px;
}
.search-input .search-field input{
	width: 100%;
	font-size: 15px;
	margin: 0px;
	border: 0;
	background: none;
	color: #ffffff;
	font-weight: 600;
	padding-left: 20px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23dcd2ac" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><path d="M1458.948 1305.626c104.637-136.95 167.527-307.187 167.527-492.388C1626.475 364.764 1261.711 0 813.238 0 364.764 0 0 364.764 0 813.238c0 448.473 364.764 813.237 813.238 813.237 185.201 0 355.547-62.89 492.496-167.527L1766.678 1920 1920 1766.678l-461.052-461.052Zm-645.71 103.986c-328.874 0-596.375-267.61-596.375-596.374 0-328.765 267.501-596.375 596.375-596.375 328.873 0 596.374 267.61 596.374 596.375s-267.501 596.374-596.374 596.374Z"/></svg>');
	background-repeat: no-repeat;
	background-position: 3px;
	background-size: 14px;
}

.search-input .search-field input::placeholder{
	color: #d5d5d5;
}
.search-input .search-field input:focus{
	outline: none;
	border-color: none;
	box-shadow: none;
}

/* Filter */

.filter-input{
	display: flex;
	margin-left: 5px;
	margin-top: 5px;
}
.filter-input .clear {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.filter-input .search-field{
	display: flex;
	flex-direction: row;
	background-color: #211d16;
	color: #d5d5d5;
	/* height: 30px; */
	border-right: 1px #675c45 solid;
	border-top: 1px #696150 solid;
	border-left: 1px #675c45 solid;
	border-bottom: 1px #524831 solid;
	padding: 2px;
}
.filter-input .search-field input{
	width: 100%;
	font-size: 15px;
	margin: 0px;
	border: 0;
	background: none;
	color: #f5eed5;
	font-weight: 600;
	padding-left: 23px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M14 20.5H10C9.80189 20.4974 9.61263 20.4176 9.47253 20.2775C9.33244 20.1374 9.25259 19.9481 9.25 19.75V12L3.9 4.69C3.81544 4.58007 3.76395 4.44832 3.75155 4.31018C3.73915 4.17204 3.76636 4.03323 3.83 3.91C3.89375 3.78712 3.98984 3.68399 4.10792 3.61173C4.226 3.53947 4.36157 3.50084 4.5 3.5H19.5C19.6384 3.50084 19.774 3.53947 19.8921 3.61173C20.0101 3.68399 20.1062 3.78712 20.17 3.91C20.2336 4.03323 20.2608 4.17204 20.2484 4.31018C20.236 4.44832 20.1846 4.58007 20.1 4.69L14.75 12V19.75C14.7474 19.9481 14.6676 20.1374 14.5275 20.2775C14.3874 20.4176 14.1981 20.4974 14 20.5ZM10.75 19H13.25V11.75C13.2492 11.5907 13.302 11.4357 13.4 11.31L18 5H6L10.62 11.31C10.718 11.4357 10.7708 11.5907 10.77 11.75L10.75 19Z' fill='%23e0d3a1'/></svg>");
	background-repeat: no-repeat;
	background-position: 0px;
	background-size: 18px;
}

.filter-input .search-field input::placeholder{
	color: #b8af8c;
}
.filter-input .search-field input:focus{
	outline: none;
	border-color: none;
	box-shadow: none;
}
	

.header-center{
	display:none;
}


.mobile-menu-button{
	display: none;
}
.mobile-search-button{
	display: none;
}

.logo{
	padding-left: 30px;
	/* padding-right: 10px; */
	/* height: 32px; */
}

.mobile-menu, .mobile-search{
	display: none;
}


.common-list{
	padding: 10px;
}

.common-list h2{
	padding-left: 10px;
	color: #d5d5d5
}
.common-item {
    color: #d5d5d5;
    padding: 10px;
    display: grid;
    flex-direction: column;
}
.common-item span{
	color: #8b8b8b;
}

.common-item a{
    color: #ededed;
    font-size: 19px;
    font-weight: 600;
} 
.common-item a:hover{
    color: #ffffff;
	
} 

.not-found {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* color: #4e6274; */
    height: 100%;
    padding: 50px;
}

.not-found-title {
    font-weight: bold;
    font-size: 45px;
}

.not-found-text {
    font-size: 16px;
}


.search-results {
    width: calc(100% - 60px);
    max-width: 1110px;
    background: #1c1b19;
    position: fixed;
    top: 70px;
    bottom: 0;             /* вместо жёсткой height */
    z-index: 10;
    overflow-y: auto;      /* уже есть, но теперь работает правильно */
    display: none;
}
.search-results section{
    z-index: 10 !important;
}
.search-results span.nothing{
	color: #fffae7;
	text-align: center;
}
.search-results.active {
    display: flex;
    flex-direction: column; /* чтобы списки нормально складывались */
}
.search-results.active section{
	display: flex;
	flex-direction: column;
}
.search-results::-webkit-scrollbar {
  width: 10px;
}
.search-results::-webkit-scrollbar-track {
  background: #2c363f; 
}
.search-results::-webkit-scrollbar-thumb {
  background: #d5d5d5; 
}
.search-results::-webkit-scrollbar-thumb:hover {
  background: #ffffff; 
}
/* ========== Общий кастомный скролл ========== */
html, body {
    scrollbar-width: thin;                 /* Firefox */
    scrollbar-color: #8d7c58 #1c1b19;      /* Firefox */
}

/* WebKit (Chrome, Edge, Safari) */
html::-webkit-scrollbar, 
body::-webkit-scrollbar {
  width: 12px;
}

html::-webkit-scrollbar-track, 
body::-webkit-scrollbar-track {
  background: #1c1b19;   /* тёмный фон */
}

html::-webkit-scrollbar-thumb, 
body::-webkit-scrollbar-thumb {
  background: #8d7c58;   /* золотой */
  border-radius: 6px;
  border: 2px solid #1c1b19; /* обрамление */
}

html::-webkit-scrollbar-thumb:hover, 
body::-webkit-scrollbar-thumb:hover {
  background: #dcd2ac;   /* светлее при ховере */
}

/* ========== Кастомный скролл для search-results ========== */
.search-results {
    scrollbar-width: thin;
    scrollbar-color: #8d7c58 #1c1b19;
}

.search-results::-webkit-scrollbar {
  width: 12px;
}

.search-results::-webkit-scrollbar-track {
  background: #1c1b19;
}

.search-results::-webkit-scrollbar-thumb {
  background: #8d7c58;
  border-radius: 6px;
  border: 2px solid #1c1b19;
}

.search-results::-webkit-scrollbar-thumb:hover {
  background: #dcd2ac;
}


/* -----------------MOBILE------------------ */


/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 760px) {
	.page {
		/* The width is 100%, when the viewport is 800px or smaller */
		flex-direction: column;
		justify-content: start;
		min-height: calc(100vh - 256px);
		width: 100%;
	}
    img.mobilefull{
        width: 100% !important;
        padding: 0 !important;
        margin-left: 0 !important; 
        margin-right: 0 !important; 
        height: auto !important;
    }
    
    p{
        font-size: 1.15em;
    }
    .paper-text p{
        text-indent: unset;
    }
    p.out-of-section{
        padding-left:10px;
        padding-right:10px;
    }

    .gold-title{
        border: none;
    }
    
	section{
		padding: 10px;
		margin: 10px;
	}
	article.item img {
		height: auto;
		width: 70px;
	}
	article.item a.cover {
		margin-top: 15px;
	}

    .details-list{
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }
    .breadcrumbs{
        padding: 15px;
    }

    .quiz-navigation{
        flex-direction: column;
        margin: 10px;
        gap: 20px;
        margin-bottom: 20px;
    }

    
	.player.panel {
		gap: 10px;
	}

	.player_button {
		height: 3em;
		font-size: 30px;
		background-size: 55px;
		padding: 12px;
		touch-action: manipulation;
		font-size: 16px;
		white-space: nowrap;
	}

	.player_button:hover {
		background-color: #2c363f;
	}

	.player_button.play,
	.player_button.pause {
		width: 100%;
		background-size: 30px;
	}

	.player_control_panel {
		justify-content: center;
		width: calc(100% - 20px);
		gap: 0.3em;
	}

	.player_button.forward,
	.player_button.backward {
		width: 270px;
	}

	.speed_mobile {
		display: flex;
		/* max-width: 100px; */
	}

	.item_text {
		font-size: 20px;
		font-weight: 500;
	}

	.item_text .chapter-title {
		/* margin-left: 10px; */
		width: calc(100% - 3px);
	}

	.item_text span.time {
		font-size: 15px;
		/* font-weight: 500; */
		width: 200px;
		/* position: absolute; */
		margin-top: 32px;
	}

	.player_button.volume,
	.player_button.speed {
		display: none;
	}

	.playlist {
		max-height: 360px;
		overflow-y: scroll;
	}

	.playlist_item {
		height: 62px;
		border-bottom: 2px solid #171c20;
	}


	.title.big {
		font-size: 40px;
		z-index: 2;
	}


	.poster.side {
		display: none;
	}

	.poster.mobile {
		display: block;
		height: 280px;
		width: 100%;
	}

	

	.equalizer {
		margin: 0px 0px 0px 4px;
		scale: 0.5;
	}

	.equalizer i {
		height: 25px;
		width: 7px;
		margin: 0 3px;
	}

	

	.footer {
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items:self-start;
	}

	.footer-menu {
		/* height:100%; */
		font-size: 27px;
		/* padding-top: 30px; */
		font-weight: 600;
		margin-top: 20px;
	}
    .footer-menu ul{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
	.footer-menu a {
		/* padding: 25px; */
		font-size: 20px;
	}

	.footer-right {
        height: 100%;
        flex-direction: column;
        /* padding-left: 20px; */
        padding-right: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
	.footer-right a{
		/* padding: 35px; */
	}
    .contact{
        font-size: 23px;
        padding: 15px;
        /* padding-left: 25px; */
        text-align: center;
    }
	.mail-title{
		display: none;
	}
	.copyright{
	font-size: 20px;
	/* padding-top: 35px; */
	/* width: 100%; */
	text-align: center;
	padding-bottom: 65px;
	}
	.back{
		display: none;
	}
	.back a{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAHqElEQVR4nO1dWaxURRBt3PXHDfcN/ZEoGtx+jHGLSyIIGjWKGGOMERU3EA0fJA+CGj9EwOXDuMRg4sdIMEBC3mOmz7nzXsAPMCCCXzwWRRJE2TQuIIwpaAxBmO479/btnnn3JJ1M3jJVXdW3qrq6uq5SJUqUKFGiRIkSJUqUKBERenp6zgZwN4AXSX5AsgZgFcl+ANtI/i3DfJafrQJQNX/7gtb6rt7e3rNCz6NtsGDBglMAjCY52whzH8lGliHfYZQ2S2s9aunSpSeHnmdU6OrqOobkTSQ/JLkzq8AdFPIHgEqSJPdWKpVj1UAFyZMAPAdgnW+hNxn9JJ8VXtRAMjMkJwHYHFDwhz8VmwG8IrypToY89gDWhxY4jz42JUnykOo0kBwCYGEEAm44jvla60tUJ4DkfSZMbLTZ2AngYdWuWLRo0Ykk389BEFtIziU5leQjtVrt2nq9fmlfX9/py5cvP16GfJafye9IjiE5Tf4HwM9Z6QN4V+ai2gnVavVMAF9nmPQykhNIDms0GoNa5UP+N0mSqwBMJPlNBkUs6e7uPkO1A+r1+kUAvm9B6LtIzqjValf44k1rfSWAdwD81oIS1sjcVMwgORTADykFvw1AV5ErTJ5QMVMAtqfkVeY2VMWIWq12AckNKVMEcyTfE4pnUbrswFOmPDZFFyEZm5/G7KyV9IOKBFrrm1PuyNdE4xMkQkjjcAF8Wa1WT1WRgeRpAOalmMfSKKIj11DTPOaTVMRoNBqDSE52NUkSogZlmOSDjozu0Vo/qdoEJB8DsNtxbg+EYnIIyR0ODO6WHJBqM2itR8nCcZjf9iBOGcACR7PzhGpTABjraI7mF83YaEdnFbXNd4H4BJe5FvaUm3z+BpdoR3UAGo3GIABfOcx3XSHHnSRfdVgRa2MMNTOGqC77hAlFHCM2PckyNjOaTVZeIHmrgz/4yeveQM5wHVbBJ6pDAeBzh/k/4616wfYYSmLNdx1OpVI5QfI3KgBqtdo5DqF3f5YU+lGRJMltDo6oS3nE4sWLz5cUgNBSgUDydQc53JI7YQCfWgj/TnKw8gSt9Y2H+h8VNvFoO0/42EfF2i4L0RnKEwA8bcoQ/6Pni5YjPzMtstiRa0jqsvHycZJVMfb+SPRUQMgxp4MzHpkbQanVtNi8ZcqjvWdkChAAWFGYRTDFrYVtQPRh9j5GBThsSFfmWSJu24AM82nvGacChluswt5cghKpz7cIY0secW+lib2PUQEmR7TVwucdmQmZyxHNiMz1be8ZoQIEDkeYz2cmYm6bNCMy1be9Z7wKmO79yNJc+WkmjDG+7T3jVcBYC589eRD5zqLl63zbewYYLvNIkuQGy/d8q7LCdviS9jy0FXvPSBUgBcGWxblOZQXJX5sRSVOg1Kq9Z6QKkDDTooCtmYRviDS10WJOfNt7RqoAU4Lf7Hv+ikYBWuvHAfwZWrBsQwXkZoLEYZPc2CkKYEEmKFcnLCdmANgJCqgX4YR9hKEkjyP5VrsroJAw1OdGTGfwC2qgbMR8pyLQol9QAyUVIV1HfCfjelvwC6oNknEAxntPR8tV0DzS0UzpF1RgmDId/+loszqbHsjIGWkus1LufkEFRpIk11gW5l6poMiFmHhzC7GJKkfAwS/kSa9FHl+zyGRFbsSk2ZFlRS5XOaPX4hdUYNgWJcm3c70t4mCXczsXdvELKiBqtdrVNnkAGJH3nYCm3azkBrryBH0Ev6ACwsEi7Mi9CZRUPYcsTcRhfkFFXJoI4CMv9fEOZmia8ojeQ/yCCgQAb9rkIBe/fTXX67dofrvv1gOVgOXp9Xr9PIca2bVeytMFpsGd7Sn4THUoAHzh4HzHeWNAHItcw7EwsM/LIxgYWuvbHRbfJu/tC6S7oAMjG6NpZpEDpCOXS7NBAC8p3zB3BVyYmefNFhZfgmi9lC7+sbCuvHIp2YEhGZNVm4PkFJe55rrxcmRsvgNT+9qpScdRmnZYWxXIRW5VNKrV6sUuLb+k4YXcsFHt2W5zj8P8toksQjE50rGZxT8kn1JtAn0g9WFtVyNzT5Lk/qDM2q4vHcqs+ISYHXPjQMOmKSkaNs0MzfPB4qQljk55v72UsE5Fhu7u7jMco52D8+hzLUorqvvg6hTMr/dymTnbJitNYcDq6BZR2raVRhELSV4YimeS50rrzDRtKwH8GMzp2qC1vryFEpMdprzDWyr7SFlVkm84JNYOHxtljipmyIqWvpopJ9aQHLs4tTwP+I9ykjXLnF2k4s+Y2GBPays+wdkx8//KWGHu4Q6XNHirfMj/SvWCOUBfmYGfvuhsvmN0NDvrm5AAbJW8kpgprfWjJK+vVquXiZIlCpEhn+Vn8jvTaG+6KZr6JSNtaa88M5popxXILrhdX+CQdMrrTKSE3SV3xEiG7FWijXRySF2EfG1VwzL6C89qFg3JmZN8WU6PGF7gB8cmOUwZUG/ZM13Xx5lW9qEEv1Z4iKILekjgQM3P7KxRS4qN3xypXI45MRgEPNCXdIR5z8sK0/Ilk8DlO8y+YobW+p4B9drCrCA5OEmSO+WiA4D3ACw2G6p+c3tz/+tszed+87se87fjZZUXmeIoUaJEiRIlSpQoUaJECeWAfwEfRvkxcvtCnwAAAABJRU5ErkJggg==");
    background-size: 55px;
    background-position: left;
    background-repeat: no-repeat;
    height: 120px;
    width: 222px;
    color:#bfbfbf;
    line-height: 120px;
    padding-left: 70px;
    font-size: 35px;
    font-weight: 600;
 }
	.back a:hover{
		background: url("data:image/png;base64,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");
		background-size: 55px;
		background-position: left;
		background-repeat: no-repeat;
		height: 120px;
		width: 222px;
		color: #63b4e2;
	}
	.back a:before{
		content: "Назад";
	}

	.header {
		flex-direction: row;
		/* height: 50px; */
		justify-content: center;
		align-items: center;
		}

	.header-left, .header-right {
		width: 70px;
	}

	.header-left {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.header-right {
		/* display: none; */
		justify-content: center;
	}

	.header a {
		font-weight: 600;
		color: #d5d5d5;
		font-size: 18px;
	}

	.header-left a, .header-left svg {
		display: none;
	}

	.header-center{
		display: none;
	}

	.mobile-menu-button{
		display: block;
		font-size: 35px;
		font-weight: 900;
		/* color: #ffffff; */
		background: none;
		border: 0;
		padding: 0;
		/* margin-left: 20px; */
		display: flex;
	}
	
	.search-input, .search-input.active{
	    display: none;
	}

	.mobile-menu{
		display: flex;
		flex-direction: column;
		background-color: #1c1b19;
		position: absolute;
		/* left: 0; */
		top: 0;
		height: 0px;
		width: calc(100% - 40px);
		margin-top: 70px;
		transition: 0.3s ease;
		overflow-x: hidden;
		max-height: 100vh;
		overflow-y: auto;
		white-space: nowrap;
		z-index: 3;
		align-self: center;
	}

	.mobile-menu span{
		font-size: 24px;
		padding: 10px;
		margin-top: 30px;
		color: #8b8b8b;
	}
    .mobile-menu li{
        padding: 10px
    }
	.mobile-menu a{
		font-size: 25px;
		/* padding-top: 15px; */
		/* padding-bottom: 15px; */
		padding-left: 30px;
		font-weight: 600;
		color: #e0d3a1;
		text-decoration: none;
	}
	.mobile-menu.active, .mobile-search.active{
		height: 100vh;
	}
	
	.mobile-menu-button>#sandwich{
		display:block;
	}
	.mobile-menu-button.active>#sandwich{
		display:none;
	}
	.mobile-menu-button>#cross{
		display:none;
	}
	.mobile-menu-button.active>#cross{
		display:block;
	}

	
	.mobile-search{
		display: flex;
		flex-direction: column;
		background-color: #1c1b19;
		position: absolute;
		/* right: 0; */
		top: 0;
		height: 0px;
		width: calc(100% - 20px);
		margin-top: 70px;
		transition: 0.3s ease;
		overflow-x: hidden;
		max-height: 100vh;
		overflow-y: auto;
		white-space: nowrap;
		z-index: 3;
		/* align-items: center; */
	}
	.mobile-search .stable{
		width: 100%;
		height: auto;
		display:flex;
	}

	.mobile-search .search-panel{
		padding: 20px;
	}
	.mobile-search .search-panel .search-field{
		/* width: 100%; */
		height: 40px;
		display: flex;
		justify-content: center;
		/* padding: 10px; */
		/* border: 1px solid #ccc; */
		border-radius: 2px;
		background-color: #111314;
	}
	.mobile-search .search-panel .search-field input{
		width: 100%;
		font-size: 18px;
		margin: 0px;
		border: 0;
		background: none;
		color: #f5efd9;
		font-weight: 600;
		padding-left: 35px;
		background-image: url('data:image/svg+xml;utf8,<svg fill="%23dcd2ac" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><path d="M1458.948 1305.626c104.637-136.95 167.527-307.187 167.527-492.388C1626.475 364.764 1261.711 0 813.238 0 364.764 0 0 364.764 0 813.238c0 448.473 364.764 813.237 813.238 813.237 185.201 0 355.547-62.89 492.496-167.527L1766.678 1920 1920 1766.678l-461.052-461.052Zm-645.71 103.986c-328.874 0-596.375-267.61-596.375-596.374 0-328.765 267.501-596.375 596.375-596.375 328.873 0 596.374 267.61 596.374 596.375s-267.501 596.374-596.374 596.374Z"/></svg>');
		background-repeat: no-repeat;
		background-position: 10px;
		background-size: 14px;
	}
	
	.mobile-search .search-panel .search-field input::placeholder {
		  margin: 20px;
		color: #dad3b9;
	}

	
	.mobile-search  .search-panel .search-field .clear{
		width: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.mobile-search .search-panel .search-field input:focus {
	  outline: none;
	  border-color: none;
	  box-shadow: none;
	}
	.mobile-search  .search-panel .search-field .clear svg{
		display: block;
	}
		
	.mobile-search-button{
		background: none;
		border: 0;
		/* padding: 20px; */
		display: flex;
	}
	.mobile-search-button>#search{
		display:block;
	}
	.mobile-search-button.active>#search{
		display:none;
	}
	.mobile-search-button>#cross{
		display:none;
	}
	.mobile-search-button.active>#cross{
		display:block;
	}
	.search-results {
    position: fixed;
    top: 145px;
    height: calc(100% - 153px);
    z-index: 4;
    /* overflow-y: auto; */
    display:none;
    width: calc(100% - 40px);
}
}

/* a11y utility */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}