.single-article {
max-width: 1100px;
margin: 0 auto;
padding: 20px 15px;
} .single-article-grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 30px;
} .article-title {
font-size: 40px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 10px;
} .article-subtitle {
font-size: 20px;
color: #666;
margin-bottom: 20px;
} .article-meta {
font-size: 13px;
color: #888;
margin-bottom: 25px;
display: flex;
gap: 10px;
flex-wrap: wrap;
} .article-featured-image img {
width: 100%;
border-radius: 6px;
margin-bottom: 20px;
} .article-content {
font-size: 18px;
line-height: 1.75;
color: #222;
} .article-content p {
margin-bottom: 18px;
} .article-content h2 {
font-size: 26px;
margin-top: 30px;
margin-bottom: 10px;
font-weight: 700;
} .article-content a {
color: #d10000;
font-weight: 600;
}
.article-content a:hover {
text-decoration: underline;
} .article-content ul {
margin: 20px 0;
padding-left: 20px;
} .article-tags {
margin-top: 30px;
}
.article-tags a {
margin-right: 10px;
font-size: 13px;
color: #d10000;
} .article-share {
margin-top: 25px;
}
.article-share a {
margin-right: 15px;
font-weight: 600;
} .author-bio {
display: flex;
gap: 15px;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
} .related-articles {
margin-top: 40px;
}
.related-articles h2 {
font-size: 22px;
margin-bottom: 15px;
}
.related-articles article {
margin-bottom: 15px;
} .article-sidebar {
font-size: 14px;
}
.single-article {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 20px 15px !important;
}
.single-article-grid {
display: grid !important;
grid-template-columns: 1fr 320px !important;
gap: 30px !important;
}
.article-title {
font-size: 40px !important;
font-weight: 800 !important;
}
.article-content {
font-size: 18px !important;
line-height: 1.7 !important;
} @media (max-width: 900px) {
.single-article-grid {
grid-template-columns: 1fr;
}
.article-title {
font-size: 28px;
}
.article-content {
font-size: 16px;
}
}