ol > li { 
	border: 1px solid LightGray; 
	padding: 3px; 
	margin: 10px; 
}

.ya-title { 
	font-family: tahoma, verdana, arial, helvetica, sans-serif, system-ui;
	font-size: 110%; 
	margin-bottom: 2px;
}

.ya-descr { 
	font-family: tahoma, verdana, arial, helvetica, sans-serif, system-ui;
	font-size: 110%; 
	margin-bottom: 8px;
}

.ya-text  { 
	font-family: tahoma, verdana, arial, helvetica, sans-serif, system-ui;
	font-size: 100%;
	margin-bottom: 8px; 
}

.ya-pages  { 
	font-family: tahoma, verdana, arial, helvetica, sans-serif, system-ui;
	font-size: 105%;
}


li > .ya-info { margin-top: 5px; }

.ya-info  { 
	font-family: tahoma, verdana, arial, helvetica, sans-serif, system-ui;
	font-size: 90%;
	margin-bottom: 4px;
}

.ya-info a { 
	font-size: 90%; 
	color: DarkRed; 
	font-weight: bold; 
}

.ya-pages {
  margin: 0px;
  padding: 0px;
  font-size: 110%;
}

ul.paging {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
}

ul.paging > li {
  border: 1px;
  text-align: center;
  display: inline-block;
}

ul.paging > li > a {
  display: block;
  padding: 2px;
  margin: 2px;
  border: 1px;
  border-style: solid;
  border-color: Grey;
  text-align: center
}

ul.paging > li > a:hover {
  background-color: DarkGrey;
}

ul.paging > li > a.current {
  background-color: LightGrey;
  font-weight: bold;
}

ul.paging > li > a.current:hover {
  background-color: DarkGrey;
}