/* Контейнер для статьи */
.article-template .article-container {
max-width: 860px;
margin: 0 auto;
padding: 2rem 20px;
}
/* Картинка в статье */
.article-featured-image {
margin-bottom: 2rem;
text-align: center;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.article-featured-image img {
width: 100%;
height: auto;
display: block;
}
/* Заголовок */
.article-title {
font-size: 3rem;
line-height: 1.2;
margin-bottom: 1rem;
font-weight: 700;
text-align: left;
color: #1a1a1a;
}
/* Текст статьи */
.article-content {
font-size: 1.125rem;
line-height: 1.7;
color: #2c3e50;
}
.article-content p {
margin-bottom: 1.5rem;
}
/* Картинки внутри текста */
.article-content img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 1.5rem 0;
}
/* Заголовки h2, h3 внутри статьи */
.article-content h2 {
font-size: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
.article-content h3 {
font-size: 1.6rem;
margin-top: 1.5rem;
}
/* Цитаты */
.article-content blockquote {
border-left: 4px solid #007cba;
padding-left: 1.5rem;
font-style: italic;
margin: 1.5rem 0;
color: #555;
}
/* Адаптив для планшетов и телефонов */
@media (max-width: 768px) {
.article-title {
font-size: 2.2rem;
}
.article-content {
font-size: 1rem;
}
}