/* =========================================================================
   blog.css — стили блога и одиночных постов
   ========================================================================= */

#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li,
div.ez-toc-widget-container, div.ez-toc-widget-container li{
  line-height: 1.8;
}

article .wp-block-image {
  margin: 30px auto;
}

article .telegram-subscribe-block {
  padding: 20px 20px 50px 0;
  background-color: #f8f9fa;
  text-align: center;
  margin: 30px auto;
  max-width: 100%;
}

article .telegram-subscribe-block h3 {
  font-size: 2.5rem;
  color: #1a1a1a;
  margin-bottom: 25px;
  font-weight: 700;
}

article .telegram-subscribe-block p {
  font-size: 1.2rem;
  color: #4a4a4a;
  margin-bottom: 30px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

article .telegram-subscribe-block .subscribe-button {
  display: inline-block;
  padding: 14px 32px;
  background: linear-gradient(180deg in oklab, var(--color-red), var(--color-red-dark));
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 500;
  transition: background-color 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

article .telegram-subscribe-block .subscribe-button:hover {
  background: linear-gradient(180deg in oklab, var(--color-red-hover), var(--color-red-hover-dark));
}

article .entry-content a{
	color: var(--color-red-link);
}
article .entry-content h2{
    color: var(--color-red-link);
	margin: 50px 0 20px 0;
    font-weight: bold;
}
article .entry-content h3{
	margin: 20px 0;
    font-weight: bold;
}
article .entry-content blockquote{
    border-left: 5px solid #555;
}

article .entry-content p, article .entry-content li{
  font-size: 19px;
	line-height: 1.7;
}
article .entry-content ul, article .entry-content ol{
  margin-bottom: 20px;
}
article .entry-content li{
  margin-bottom: 10px;
}

article .entry-content .wp-block-table {
  margin: 1em 40px;
}

article p {
	margin: 0 0 20px;
}

article #related_posts div{
	text-align:center;
}
article #related_posts div img{
	margin:0 auto;
}

.blog h2{
	color:#000!important;
}

@media only screen and (max-width : 768px) {
	.blog{
		padding:0 5%;
	}
}

.blog .youtube, .blog .youtube_frame, .blog .vk_video{
	margin: 40px auto;
}
.blog h3{
	font-weight: 600;
}