/* ====================================================== */
/* UTILITY PAGE STYLES (Privacy, Terms, PAIA, Sitemap)    */
/* ====================================================== */

.utility-page { 
    padding: 160px 0 100px; 
    max-width: 800px; 
    margin: 0 auto; 
    line-height: 1.8; 
}

.utility-page h1 { 
    color: var(--color-dark); 
    margin-bottom: 40px; 
    font-family: 'Space Grotesk', sans-serif; 
    font-size: 3rem; 
}

.utility-page h2 { 
    color: var(--color-dark); 
    margin-top: 40px; 
    font-family: 'Space Grotesk', sans-serif; 
    font-size: 1.8rem;
}

.utility-page p {
    margin-bottom: 20px;
    color: var(--color-dark);
}

.utility-page a {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Sitemap Specific */
.sitemap-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
    gap: 40px; 
}

.sitemap-col h3 { 
    color: var(--color-dark); 
    font-family: 'Space Grotesk', sans-serif; 
    margin-bottom: 20px; 
    border-bottom: 2px solid var(--color-primary); 
    display: inline-block; 
}

.sitemap-col ul { 
    list-style: none; 
    padding: 0; 
}

.sitemap-col ul li { 
    margin-bottom: 10px; 
}

.sitemap-col ul li a { 
    text-decoration: none; 
    color: var(--color-dark); 
    transition: color 0.3s; 
    text-decoration: none;
}

.sitemap-col ul li a:hover { 
    color: var(--color-primary); 
}

@media screen and (max-width: 768px) {
    .utility-page h1 {
        font-size: 2.2rem;
    }
    .utility-page {
        padding: 120px 20px 60px;
    }
}