html {
   font-size: 37.5%; 
   /* 6px / 16px = 62.5% */
}


/* Neutral Legal Styling - Brand Agnostic */
.legal-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background-color: #ffffff;
    font-family: 'Inter', -apple-system, sans-serif;
    line-height: 1.8;
    color: #2c3e50; /* Deep Charcoal/Slate - Very Neutral */
    border-radius: 4px; /* Sharper corners feel more "legal" */
}

/* Headings in a neutral Dark Blue/Slate */
.legal-container h2, .legal-container h3 {
    color: #1a202c; /* Near Black */
    border-bottom: 1px solid #edf2f7; /* Subtle horizontal line for structure */
    padding-bottom: 10px;
    margin-top: 2rem;
}

.legal-container h2{
    font-size:5rem;
}

.legal-container h3{
    font-size: 4rem;
}

.legal-container p, .legal-container li {
    font-size: 3rem; /* Professional standard */
    color: #4a5568; /* Mid-Dark Gray for better reading comfort */
}

/* Neutral Links */
.legal-container a {
    color: #3182ce; /* Standard "Web Blue" - identifies as a link immediately */
    text-decoration: underline;
}

/* XS - PHONE PORTRAINT:  < 576px */

@media (min-width: 544px) {
    /* 530px / 16px = 34rem */
    /* 34rem x 16px = 544px */

    html {
        font-size: 43.75%;
        /* 7px / 16px = 43.75% */
    }
}

/* SM - PHONE LANDSCAPE: 576px - 768px */

@media (min-width: 688px) {
    /* 680px / 16px = 43rem */
    /* 43rem x 16px = 688px */

    html {
        font-size: 50%;
        /* 8px / 16px = 50% */
    }
}


/* MD - TABLETS: 768px - 1024px */

@media (min-width: 816px) {
    /* 815px / 16px = 51rem */
    /* 51rem x 16px = 816px */

    html {
        font-size: 56.25%;
        /* 9px / 16px = 56.25% */
    }
    
    .legal-container {
        max-width: 800px; /* Stop the text from stretching too wide */
        margin: 50px auto;
        padding: 40px;
        font-size: 19px;  /* Slightly larger for desktop viewing distance */
        line-height: 1.8;
    }

    .legal-container h2 {
        font-size: 1.8rem; /* Larger headings for larger screens */
    }
}

/* LG - SMALL LAPTOPS: 1024px - 1280px */

@media (min-width: 1152px) {
    /* 1150px / 16px = 72rem */
    /* 72rem x 16px = 1152px */

    html {
        font-size: 62.5%;
        /* 10px / 16px = 62.5% */
    }
}