/* =======================
   Static Pages (About, Privacy, Terms)
======================= */

/* General Container */
.static-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 20px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    background-color: #fff;
    line-height: 1.7;
}

    /* Headings */
    .static-page h1 {
        font-size: 2.25rem;
        font-weight: 700;
        margin-bottom: 20px;
        color: #222;
    }

    .static-page h2 {
        font-size: 1.75rem;
        font-weight: 600;
        margin-top: 35px;
        margin-bottom: 15px;
        color: #222;
    }

    .static-page h3 {
        font-size: 1.25rem;
        font-weight: 500;
        margin-top: 25px;
        margin-bottom: 12px;
    }

    /* Paragraphs */
    .static-page p {
        font-size: 1rem;
        margin-bottom: 15px;
        color: #555;
    }

    /* Lists */
    .static-page ul,
    .static-page ol {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .static-page li {
        margin-bottom: 8px;
    }

    /* Links */
    .static-page a {
        color: #007bff;
        text-decoration: none;
    }

        .static-page a:hover {
            text-decoration: underline;
        }

    /* Horizontal Rule */
    .static-page hr {
        border: 0;
        border-top: 1px solid #ddd;
        margin: 30px 0;
    }

    /* Alerts / Notices */
    .static-page .alert {
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 25px;
    }

/* Responsive */
@media (max-width: 768px) {
    .static-page {
        padding: 25px 15px;
    }

        .static-page h1 {
            font-size: 1.9rem;
        }

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

        .static-page h3 {
            font-size: 1.2rem;
        }

        .static-page p,
        .static-page li {
            font-size: 0.95rem;
        }
}