.container {
    width: 100%;
    max-width: 1200px; /* Adjust based on your design */
    margin: 0 auto;
    padding: 0 20px; /* Optional padding for the container */
}

.page-header {
    margin-bottom: 20px;
}

.page-title {
    font-size: 30px;
    margin: 0;
}

.taxonomy-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.entry-title {
    font-size: 28px;
    margin: 0;
}

.entry-summary {
    margin-bottom: 20px;
}

.post-meta {
    font-size: 14px;
    color: #999;
}

.entry-footer {
    margin-top: 10px;
}

/* Posts Grid Styles */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 columns of equal width */
    gap: 20px; /* Space between items */
    width: 1920px; /* Use full width of its container */
    padding: 20px; /* Padding around the grid */
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    margin: 0; /* Ensure no margin affecting full width */
}

.posts-grid article {
    background: #fff; /* Background color for each post */
    border-radius: 5px; /* Rounded corners */
    padding: 15px; /* Padding inside each post */
}

.posts-grid .post-thumbnail {
    margin-bottom: 10px; /* Space between thumbnail and title */
}

.posts-grid .post-thumbnail img {
    width: 100%; /* Make the image fill the container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove bottom space */
    object-fit: cover; /* Cover the container while maintaining aspect ratio */
}

.posts-grid .entry-title a {
    text-decoration: none;
    color: #333; /* Text color for post title */
}

.posts-grid .entry-summary {
    margin-top: 10px; /* Space between title and summary */
}

.posts-grid .post-tags {
    margin-top: 10px; /* Space between summary and tags */
}



/* Responsive Styles */
@media (max-width: 768px) {
    .posts-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
    }
}

@media (max-width: 480px) {
    .posts-grid {
        grid-template-columns: 1fr; /* 1 column on very small screens */
    }
}