/* Mobile First - Base styles */

/* Tablet */
@media (min-width: 768px) {
.container {
padding: 0 24px;
}

.latest-news-item .news-link {
display: flex;
gap: var(--spacing-lg);
align-items: flex-start;
}

.latest-news-item .news-thumbnail {
flex: 0 0 200px;
max-width: 200px;
}

.grid-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
}

.infographic-wrapper {
display: flex;
align-items: center;
gap: var(--spacing-xl);
}

.infographic-content {
flex: 1;
}

.infographic-image {
flex: 0 0 300px;
max-width: 300px;
}

.archive-news-card .archive-news-link {
display: flex;
gap: var(--spacing-lg);
}

.archive-news-card .archive-news-thumbnail {
flex: 0 0 200px;
max-width: 200px;
}

.related-news-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-lg);
}

.article-meta-top {
display: flex;
align-items: center;
gap: var(--spacing-lg);
flex-wrap: wrap;
}

.baca-juga-list {
grid-template-columns: 1fr 1fr;
}
}

/* Desktop */
@media (min-width: 1024px) {
.container {
padding: 0 32px;
max-width: var(--container-width);
margin: 0 auto;
}

.grid-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.single-article .container {
max-width: 820px;
}
}

/* Large Desktop */
@media (min-width: 1280px) {
.container {
padding: 0 40px;
max-width: 1320px;
}
}

/* Print */
@media print {
.site-header,
.primary-navigation,
.trending-topics,
.category-slider,
.site-footer,
.ad-widget,
.article-navigation,
.related-news-section,
.article-share-wrapper,
.comments-area {
display: none !important;
}

.single-article .container {
max-width: 100% !important;
padding: 0 !important;
}

.article-featured-image {
page-break-inside: avoid;
}
}