/* ============================================
   CONTENT PAGE STYLES
   ============================================ */

/* Page hero styles moved to design-system.css - DO NOT OVERRIDE */

.page-content {
    padding: var(--spacing-4xl) 0;
}

.content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

/* Content section styles moved to design-system.css - DO NOT OVERRIDE */

/* Highlight box and info card styles moved to design-system.css - DO NOT OVERRIDE */

/* Legal Pages Specific */
.legal-section {
    margin-bottom: var(--spacing-2xl);
}

.legal-section h3 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-md);
    color: var(--color-black);
}

.legal-section p,
.legal-section li {
    font-size: var(--font-size-base);
    line-height: 1.8;
}

.last-updated {
    font-style: italic;
    color: var(--color-medium-gray);
    margin-bottom: var(--spacing-2xl);
}

@media (max-width: 768px) {
    .page-hero-title {
        font-size: var(--font-size-4xl);
    }

    .page-hero-subtitle {
        font-size: var(--font-size-lg);
    }
}