/*-- -------------------------- -->
<---      Legal Pages Style      -->
<--- -------------------------- -*/
/* Shared styling for Privacy Policy and Terms of Service prose pages */

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
    #legal-1450 {
        padding: var(--sectionPadding);
    }
    #legal-1450 .cs-container {
        width: 100%;
        max-width: 51.25rem; /* 820px - comfortable reading measure */
        margin: auto;
    }
    #legal-1450 .cs-content {
        text-align: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #legal-1450 .cs-topper {
        text-align: left;
        margin: 0 0 0.25rem 0;
    }
    #legal-1450 .cs-title {
        text-align: left;
        max-width: 100%;
        margin: 0 0 0.75rem 0;
    }
    #legal-1450 .cs-updated {
        font-size: 0.875rem;
        line-height: 1.5em;
        color: var(--bodyTextColor);
        opacity: 0.75;
        margin: 0 0 2.5rem 0;
        display: block;
    }
    #legal-1450 .cs-h2 {
        font-size: clamp(1.3125rem, 3vw, 1.75rem);
        font-weight: 700;
        line-height: 1.3em;
        text-align: left;
        color: var(--headerColor);
        margin: 2.5rem 0 1rem 0;
    }
    #legal-1450 .cs-h2:first-of-type {
        margin-top: 0;
    }
    #legal-1450 .cs-h3 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.4em;
        text-align: left;
        color: var(--headerColor);
        margin: 1.75rem 0 0.75rem 0;
    }
    #legal-1450 .cs-text {
        font-size: 1rem;
        line-height: 1.65em;
        text-align: left;
        max-width: 100%;
        color: var(--bodyTextColor);
        margin: 0 0 1rem 0;
    }
    #legal-1450 .cs-text:last-of-type {
        margin-bottom: 0;
    }
    #legal-1450 .cs-ul {
        margin: 0 0 1rem 0;
        padding: 0 0 0 1.25rem;
        list-style: disc;
    }
    #legal-1450 .cs-li {
        font-size: 1rem;
        line-height: 1.65em;
        text-align: left;
        color: var(--bodyTextColor);
        margin: 0 0 0.5rem 0;
        padding: 0 0 0 0.25rem;
    }
    #legal-1450 .cs-li:last-of-type {
        margin-bottom: 0;
    }
    #legal-1450 .cs-link {
        color: var(--primary);
        text-decoration: underline;
        text-underline-offset: 2px;
        transition: opacity 0.3s;
    }
    #legal-1450 .cs-link:hover {
        opacity: 0.75;
    }
    #legal-1450 .cs-contact-box {
        width: 100%;
        box-sizing: border-box;
        margin: 1rem 0 0 0;
        padding: 1.5rem;
        border-left: 4px solid var(--primary);
        border-radius: 0 8px 8px 0;
        background-color: #f5f6fa;
    }
    #legal-1450 .cs-contact-box .cs-text {
        margin-bottom: 0.5rem;
    }
    #legal-1450 .cs-contact-box .cs-text:last-child {
        margin-bottom: 0;
    }
}