.cpe-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Segoe UI', sans-serif;
}

.cpe-category-header h1 {
    font-size: 28px;
    border-bottom: 2px solid #0073aa;
    margin-bottom: 20px;
    color: #2c3e50;
}

.cpe-post-table-wrapper {
    width: 100%;
    max-width: 700px; /* Reduce table width on large screens */
    margin: 0 auto;   /* Center align */
    overflow-x: auto; /* Still scrolls if too narrow */
}

.cpe-post-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    min-width: 300px; /* Ensures it's not too tight on small devices */
}

.cpe-post-table th,
.cpe-post-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.cpe-post-table a {
    color: #0073aa;
    text-decoration: none;
}

.cpe-post-table a:hover {
    text-decoration: underline;
}

.cpe-loadmore-container {
    text-align: center;
    margin-top: 20px;
}

#cpe-loadmore {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

#cpe-loadmore:hover {
    background-color: #005b8f;
}

.cpe-category-description {
    margin-top: 40px;
    font-size: 15px;
    color: #444;
}

.cpe-category-description h3 {
    margin-bottom: 10px;
    color: #0073aa;
    font-size: 18px;
}

@media (max-width: 480px) {
    .cpe-post-table th,
    .cpe-post-table td {
        padding: 10px;
        font-size: 14px;
    }

    #cpe-loadmore {
        padding: 8px 16px;
        font-size: 13px;
    }
}