/* ==========================================================================
   Resource / Content Page Styles
   Shared by about, privacy, and resource pages
   ========================================================================== */

/* Page header - used by about.html, privacy.html, and resource pages */
.page-header {
    padding-top: calc(80px + var(--spacing-xxl));
    padding-bottom: var(--spacing-xl);
    background: var(--primary-light);
    text-align: center;
}

.page-header h1 {
    margin-bottom: var(--spacing-sm);
}

.page-header p {
    color: var(--text-muted);
    font-size: 1.25rem;
    margin-bottom: 0;
}

/* Resource article content */
.resource-content {
    padding: var(--spacing-xxl) 0;
}

.resource-text {
    max-width: 800px;
    margin: 0 auto;
}

.resource-text h2 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
    font-size: 1.5rem;
}

.resource-text h2:first-child {
    margin-top: 0;
}

.resource-text h3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-sm);
    font-size: 1.125rem;
}

.resource-text p {
    color: var(--text);
    margin-bottom: var(--spacing-md);
    font-size: 1.0625rem;
    line-height: 1.7;
}

.resource-text ul,
.resource-text ol {
    margin-bottom: var(--spacing-md);
    padding-left: var(--spacing-lg);
}

.resource-text li {
    margin-bottom: var(--spacing-sm);
    list-style: disc;
    color: var(--text);
    font-size: 1.0625rem;
    line-height: 1.7;
}

.resource-text ol li {
    list-style: decimal;
}

/* Legal page content (privacy policy) */
.legal-content {
    padding: var(--spacing-xxl) 0;
}

.legal-text {
    max-width: 800px;
    margin: 0 auto;
}

.legal-text h2 {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md);
    font-size: 1.5rem;
}

.legal-text h2:first-child {
    margin-top: 0;
}

.legal-text h3 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-sm);
    font-size: 1.125rem;
}

.legal-text p {
    color: var(--text);
    margin-bottom: var(--spacing-md);
}

.legal-text ul {
    margin-bottom: var(--spacing-md);
    padding-left: var(--spacing-lg);
}

.legal-text li {
    margin-bottom: var(--spacing-sm);
    list-style: disc;
    color: var(--text);
}

/* Resource CTA section */
.resource-cta {
    padding: var(--spacing-xxl) 0;
    background: var(--secondary);
    text-align: center;
}

.resource-cta h2 {
    color: white;
    margin-bottom: var(--spacing-md);
}

.resource-cta p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.125rem;
    max-width: 500px;
    margin: 0 auto var(--spacing-lg);
}

/* Breadcrumb navigation */
.breadcrumb {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: 0.875rem;
    color: var(--text-muted);
}

.breadcrumb a {
    color: var(--primary);
}

.breadcrumb .separator {
    margin: 0 var(--spacing-xs);
}

@media (max-width: 768px) {
    .resource-text,
    .legal-text {
        padding: 0 var(--spacing-sm);
    }
}