.city-tag-archive {
padding: 80px 0;
}
.city-tag-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
}
.city-tag-card {
overflow: hidden;
}
.city-tag-card img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
display: block;
}
.city-tag-content {
padding: 24px;
}
.city-tag-content h2 {
font-size: 22px;
line-height: 1.2;
margin-bottom: 16px;
}
.city-tag-content h2 a {
color: var(--color-text-main);
text-decoration: none;
}
.city-tag-excerpt {
font-size: 15px;
line-height: 1.7;
color: var(--color-text-muted);
}
@media (max-width: 1024px) {
.city-tag-grid {
grid-template-columns: 1fr;
}
}