.wrapper {
	max-width: 1400px;
	
	padding-left: 2em;
}
html {
  background-color: #f5f0f07d; 
}

h1 {
  font-family: "Merriweather", "Times New Roman", serif;
  font-weight: 600;
  margin-left: 10px;
  padding-left: 10px;
  text-decoration: none;
}
.page-intro {
  margin-left: 20px;
  font-size: 1.2rem;
  font-weight: 400;
}
/* ===========================
   ШАПКА САЙТА
   =========================== */


#site-header 
{
	
	margin-bottom: 18px;
	padding: 14px 24px;
	background: #f8f3e8;
	border-bottom: 2px solid #bca77d;
	border-top: 1px solid #d7cab1;
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
}



/* верхняя строка */

.site-title{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    margin-bottom:12px;

}


.site-title a{

    text-decoration:none;

    color:#3c2f20;

    font-family:"Merriweather",serif;

    font-size:2rem;

    font-weight:700;

    letter-spacing:1px;

}


.site-title small{

    color:#7b6b55;

    font-size:.95rem;

    font-style:italic;

}


/* главное меню */

.main-menu{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    padding-top:10px;

    border-top:1px solid #d8cbb2;

}


.main-menu a{

    text-decoration:none;

    color:#4b3d2b;

    font-size:1rem;

    padding:6px 2px;

    transition:.2s;

}


.main-menu a:hover{

    color:#8b5a2b;

    border-bottom:2px solid #8b5a2b;

}


/* текущий раздел */

.main-menu a.active{

    font-weight:bold;

    color:#7b3f00;

    border-bottom:2px solid #7b3f00;

}
.breadcrumbs{

margin-bottom:12px;

font-size:.95rem;

color:#666;

}

.breadcrumbs ul{

display:flex;

lex-wrap:wrap;

gap:0;

padding:0;

margin:0;

list-style:none;

}

.breadcrumbs li{

display:flex;

align-items:center;

}

.breadcrumbs li+li::before{

content:"›";

margin:0 .6em;

color:#999;

}

.breadcrumbs a{

text-decoration:none;

color:#3b6ea5;

}

.breadcrumbs a:hover{

text-decoration:underline;

}

.breadcrumbs [aria-current="page"]{

font-weight:600;

color:#444;

}

.family-header{

background-color: #f8f3e8;

}

h2 {
  font-family: "Inter", "Arial", sans-serif;
  font-weight: 500;
  text-decoration: none;
  }
 h3 {
 font-family: "Inter", "Arial", sans-serif;
  font-weight: 400;
  text-decoration: none;
  }
  
  
  #search-results {
   width:100%;
  justify-content:start;
  flex-wrap:wrap;
  display: flex;
  background-color:#f6f7eef0;
  margin:10px;
  padding:5px;
  flex-direction:row;
  overflow:auto;
  margin-top: 25px;
  gap: 30px;
  border-bottom: 1px solid #cbbba4;
}

#person-search{
padding-left: 10px;
  margin-left: 10px;
}
.search-item {
   padding: 6px;
  width: 220px;
  font-size: 0.8rem;
  height: 380px;
  max-height: 350px;
  text-align: center;
}
.search-item:hover {
    background: #f0f0f0;
}
.rubric  {
  font-size: 1.4em;
  color: #1f4ea7;
  margin-left: 2em;
  margin-bottom: 0;
  margin-top: 1.5rem;
  cursor: pointer;
  list-style: circle;
  line-height: 1.4;
  word-wrap: break-word;
  font-family: sans-serif;
  }
.oval-frame {
  width: 180px;
  height: 240px;
  border-radius: 50% / 60%;
  background: radial-gradient(ellipse at center, #e8dcc9 0%, #bba37e 100%);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: radial-gradient(rgb(232, 220, 201) 0%, rgb(212, 195, 169) 100%);
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  font-family: "Times New Roman", serif;
  font-size: 14px;
  color: #4a3f32;
}
.rel-section {
  width:100%;
  justify-content:start;
  flex-wrap:wrap;
  opacity: 1;
  transition: opacity 1.3s ease;
  background-color: beige;
  background-color:#f6f7eef0;
  margin:10px;
  padding:5px;
  flex-direction:row;
  overflow:auto;
  display:flex;
  text-align:center
}

.rel-content{
  display:flex;
  background-color:#bab28880;
  margin: 12px;
  flex-direction:column;
  justify-content: flex-start;
  text-align:center;
  font-size:1.0em;
  flex-basis: 270px;
  align-items:center;
}
.flex-div {
  padding:0;
  margin:0 5px;
  margin-block-start: 8px;
  line-height: 1;
}
.flex-div p{
margin-top: 5px;
margin-bottom: 5px;

}
.article-block {
	max-width: 900px;
	line-height: 1.6;
	background-color: #f8f3e8;
	padding-left: 20px;
	text-align: justify;
	padding-right: 20px;
}

.article-block h2 {
  margin-top: 2rem;
}

.article-block h3 {
  margin-top: 1.2rem;
}

.sources {
  font-size: 0.95rem;
}