/* Global Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

body {
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

/* Custom Utilities */
.word-break-all {
    word-break: break-all;
}

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Hide scrollbar for game modal to prevent double scroll */
.modal-open {
    overflow: hidden;
}

/* Responsive typography for site name */
.text-2xl {
    font-size: 1.5rem; /* Base size for mobile */
}
@media (min-width: 640px) {
    .sm\:text-3xl {
        font-size: 1.875rem;
    }
}
@media (min-width: 768px) {
    .md\:text-4xl {
        font-size: 2.25rem;
    }
}
@media (min-width: 1024px) {
    .lg\:text-4xl {
        font-size: 2.25rem;
    }
}

/* Responsive typography for H1 */
h1 {
    font-size: 2.25rem; /* Mobile */
}
@media (min-width: 640px) {
    .sm\:text-5xl {
        font-size: 3rem;
    }
}
@media (min-width: 768px) {
    .md\:text-6xl {
        font-size: 3.75rem;
    }
}
@media (min-width: 1024px) {
    .lg\:text-6xl {
        font-size: 3.75rem;
    }
}

/* Responsive typography for H2 */
h2 {
    font-size: 1.875rem; /* Mobile */
}
@media (min-width: 640px) {
    .sm\:text-4xl {
        font-size: 2.25rem;
    }
}
@media (min-width: 768px) {
    .md\:text-5xl {
        font-size: 3rem;
    }
}
@media (min-width: 1024px) {
    .lg\:text-5xl {
        font-size: 3rem;
    }
}

/* Responsive typography for H3 */
h3 {
    font-size: 1.5rem; /* Mobile */
}
@media (min-width: 640px) {
    .sm\:text-2xl {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .md\:text-3xl {
        font-size: 1.875rem;
    }
}
@media (min-width: 1024px) {
    .lg\:text-3xl {
        font-size: 1.875rem;
    }
}

/* Specific adjustments for scroll-down-arrow */
#hero .scroll-down-arrow {
    margin-top: 2rem; /* Ensure spacing from content above */
}

/* Ensure buttons do not have underline */
button {
    text-decoration: none !important;
}

/* Ensure anchor tags in navigation and buttons do not have underline */
nav a, button a {
    text-decoration: none !important;
}
.legalFoldBox {
    /* Padding for the content inside the legalFoldBox */
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.legalFoldBox h1 {
    /* Heading 1 styles */
    font-size: 28px; /* Moderate font size for H1 */
    line-height: 1.2; /* Tighter line height for headings */
    margin-top: 24px; /* Space above H1 */
    margin-bottom: 12px; /* Space below H1 */
    font-weight: 700; /* Bold font weight */
}

.legalFoldBox h2 {
    /* Heading 2 styles */
    font-size: 24px; /* Moderate font size for H2 */
    line-height: 1.3;
    margin-top: 20px; /* Space above H2 */
    margin-bottom: 10px; /* Space below H2 */
    font-weight: 600;
}

.legalFoldBox h3 {
    /* Heading 3 styles */
    font-size: 20px; /* Moderate font size for H3 */
    line-height: 1.4;
    margin-top: 18px; /* Space above H3 */
    margin-bottom: 8px; /* Space below H3 */
    font-weight: 600;
}

.legalFoldBox h4 {
    /* Heading 4 styles */
    font-size: 18px; /* Moderate font size for H4 */
    line-height: 1.5;
    margin-top: 16px; /* Space above H4 */
    margin-bottom: 6px; /* Space below H4 */
    font-weight: 500; /* Slightly less bold */
}

.legalFoldBox h5 {
    /* Heading 5 styles */
    font-size: 16px; /* Moderate font size for H5 (often same as paragraph, but bold) */
    line-height: 1.5;
    margin-top: 14px; /* Space above H5 */
    margin-bottom: 4px; /* Space below H5 */
    font-weight: 500;
}

.legalFoldBox p {
    /* Paragraph styles */
    font-size: 16px; /* Base font size for paragraphs */
    line-height: 1.6; /* Good readability line height */
    margin-top: 0; /* No top margin, spacing handled by previous element's bottom margin */
    margin-bottom: 16px; /* Space between paragraphs */
}

.legalFoldBox ul {
    /* Unordered list styles */
    list-style-type: disc; /* Default disc bullet points */
    margin-top: 0; /* No top margin, spacing handled by previous element's bottom margin */
    margin-bottom: 16px; /* Space below the entire list */
    padding-left: 24px; /* Indentation for bullet points */
}

.legalFoldBox li {
    /* List item styles */
    font-size: 16px; /* Font size for list items */
    line-height: 1.6; /* Consistent line height for list items */
    margin-bottom: 8px; /* Space between individual list items */
}