/* =====================================================================
   HTML SITEMAP -- shared styles for /html-sitemap.php
   Extracted from an inline <style> block so no page carries inline
   style="" attributes (project-wide rule). Keep this additive-only;
   nothing else references these classes.
   ===================================================================== */

.sitemap-page {
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
}

.sitemap-page h1 {
    margin-bottom: 20px;
}

.sitemap-page h2 {
    margin-top: 36px;
    margin-bottom: 8px;
}

.sitemap-page h3 {
    margin-top: 18px;
    margin-bottom: 6px;
    font-size: 16px;
    color: #444;
}

.sitemap-page ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    margin: 0 0 10px 0;
    padding-left: 18px;
}

.sitemap-page li {
    margin-bottom: 6px;
    break-inside: avoid;
}

.sitemap-page a {
    text-decoration: none;
    color: #0073aa;
}

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

.sitemap-page .sitemap-empty {
    color: #777;
    font-style: italic;
}

@media (max-width: 760px) {
    .sitemap-page ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media (max-width: 480px) {
    .sitemap-page ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}