/* Styles for text-heavy pages like Privacy and Terms */

/* Shared styling for section headings */
main.privacy-policy h2 { /* Targeting H2s on privacy page */
    margin-top: 1.8em;
    color: var(--text-primary);
    font-size: 2em; /* Specific font size for privacy page h2 (desktop/tablet) */
    /* font-size will be var(--h2-font-size) = 3em from style.css, unless overridden elsewhere */
}

main.terms-page h2 { /* Targeting H2s on terms page */
    margin-top: 1.8em;
    color: var(--text-primary);
    font-size: 2em; /* Specific font size for terms page h2 */
}

/* Shared styling for lists */
.privacy-policy ul, .privacy-policy ol,
.terms-page ul, .terms-page ol {
    padding-left: 20px;
    margin-bottom: 1em;
}

/* Base styles for the white content box */
main.page-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: var(--background-body);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-color);
}

/* Ensure headings within these pages have appropriate spacing */
.page-content h1,
.page-content h2,
.page-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}

.page-content h1:first-child,
.page-content h2:first-child {
    margin-top: 0;
}

/* Specific styling for paragraphs and lists within the content box */
.page-content p,
.page-content ul,
.page-content ol {
    margin-bottom: 1em;
    font-size: inherit;
}

/* Code Blocks */
pre {
    background-color: var(--background-body);
    border-radius: var(--border-radius-section);
} 

/* About Page Specific H2 Size */
body.page-about main.content h2 {
    font-size: 2em; /* Override default h2 size for About page */
}