/* Styles for legal pages (About, Privacy, Terms, Legal) */

.legal-page-content {
    max-width: 800px; /* Limit width for readability */
    margin: 4rem auto; /* Center content and add top/bottom margin */
    padding: 2rem; /* Add padding around the content */
    background-color: #fff; /* White background for the content area */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border-radius: 8px; /* Rounded corners */
}

.legal-page-content h1 {
    font-size: 2.5rem;
    color: #333; /* Darker heading color */
    margin-bottom: 2rem;
    border-bottom: 2px solid #eee; /* Separator line */
    padding-bottom: 1rem;
    text-align: center;
}

.legal-page-content h2 {
    font-size: 1.8rem;
    color: #555; /* Slightly lighter heading color */
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.legal-page-content p {
    font-size: 1rem;
    line-height: 1.6;
    color: #444; /* Standard text color */
    margin-bottom: 1rem;
}

.legal-page-content ul {
    list-style: disc; /* Use standard bullet points */
    margin-left: 2rem; /* Indent list */
    margin-bottom: 1rem;
}

.legal-page-content li {
    margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .legal-page-content {
        margin: 2rem auto;
        padding: 1.5rem;
    }

    .legal-page-content h1 {
        font-size: 2rem;
    }

    .legal-page-content h2 {
        font-size: 1.5rem;
    }
}