/* --- Privacy & Terms Page Specific Styles (privacy.php, terms.php) --- */

/* Apply to main content area of text-heavy pages */
.page-privacy main,
.page-terms main {
    /* Max width is handled by global main > section, adjust if needed */
    max-width: 800px; /* Limit width for readability */
    margin-left: auto;
    margin-right: auto;
}

.page-privacy main section,
.page-terms main section {
    /* Inherit padding from global main > section */
    padding-top: var(--spacing-unit); /* Reduce top padding */
    padding-bottom: var(--spacing-unit); /* Reduce bottom padding */
    margin-bottom: calc(var(--spacing-unit) * 1.5);
    border-bottom: 1px solid var(--light-gray); /* Separator */
}

.page-privacy main section:last-child,
.page-terms main section:last-child {
    border-bottom: none; /* No border on last section */
    margin-bottom: 0;
}

.page-privacy main h2,
.page-terms main h2 {
    font-size: 1.6rem; /* Slightly smaller headings */
    margin-bottom: calc(var(--spacing-unit) * 0.75);
    color: var(--primary-color); /* Ensure color consistency */
}

.page-privacy main ul,
.page-terms main ul {
    list-style: disc;
    margin-left: calc(var(--spacing-unit) * 2); /* Indent list */
    padding-left: var(--spacing-unit); /* Add padding for list markers */
    margin-bottom: var(--spacing-unit);
}

.page-privacy main p em, /* Italicized text like 'Last Updated' */
.page-terms main p em {
    color: var(--dark-gray);
    font-style: italic;
    display: block;
    margin-bottom: var(--spacing-unit);
}

/* --- Privacy/Terms Responsive Adjustments --- */

/* Small screens (Mobiles) */
@media (max-width: 768px) {
    .page-privacy main h2,
    .page-terms main h2 {
        font-size: 1.4rem;
    }

    .page-privacy main ul,
    .page-terms main ul {
        margin-left: var(--spacing-unit);
        padding-left: var(--spacing-unit);
    }
}