/* Legal Document Template Styles */

/* 1. Outer Container: Sets max width, centers the document, and adds vertical padding. */
.legal-document-container {
    max-width: 800px;
    margin: 0 auto 80px; /* Center horizontally, 80px bottom margin */
    padding: 0 20px; /* Horizontal padding for mobile screens */
}

/* 2. Inner Content Wrapper: Handles internal spacing and vertical rhythm. */
.legal-document-content {
    margin: 3rem 0; /* Add top and bottom margin */
}

/* 3. Main Title (H1): Styles the document's main heading (e.g., "Terms of Service"). */
.legal-document-content h1 {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5rem; /* Ensure space below the title */
}

/* 4. Section Headings (H2): Styles main section headers. */
.legal-document-content h2 {
    margin-top: 1.5rem; /* Add vertical space above sections */
    font-size: 1.5rem;
    font-weight: 600;
}

/* 5. Muted Text: Styles any muted elements, like the effective date. */
.legal-document-content .text-muted {
    color: #6c757d;
    text-align: center; /* Center the effective date under the H1 */
    display: block; /* Ensure the muted text takes full width if needed */
    margin-bottom: 1.5rem; /* Add space below the date */
}