/*
 * Styles for the Default Page Template (page.php)
 * VERSION 2.0: Cleaned up and implemented CSS variables.
 */

.page-content-wrapper {
    background-color: var(--py-card-bg); /* CHANGED: Used CSS variable */
    padding: 40px;
    margin: 30px 0;
    border-radius: var(--py-border-radius); /* CHANGED: Used CSS variable */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.page-template-default .entry-header {
    margin-bottom: 25px;
    border-bottom: 1px solid var(--py-border-color); /* CHANGED: Used CSS variable */
    padding-bottom: 20px;
}

.page-template-default .entry-title {
    /* REMOVED: font-size, line-height, color are inherited from global h1 style */
}

.page-template-default .post-thumbnail {
    margin-bottom: 30px;
    border-radius: var(--py-border-radius); /* CHANGED: Used CSS variable */
    overflow: hidden;
}

.page-template-default .post-thumbnail img {
    width: 100%;
    height: auto;
}

.page-template-default .entry-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--py-text-color); /* CHANGED: Used CSS variable */
}

/* REMOVED: h2, h3, h4, p, a styles are now handled by global.css */

.page-template-default .entry-footer {
    margin-top: 30px;
    font-size: 0.9rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .page-content-wrapper {
        padding: 25px;
    }
    .page-template-default .entry-title {
        font-size: 2rem;
    }
    .page-template-default .entry-content {
        font-size: 1rem;
    }
}