/* Styles for Sitemap.html (moved from the page's inline <style> block) */

:root {
       --primary: #0198cf;
       --secondary: #ffab14;
       --brand-dark-blue: #010066;
       --on-surface: #000000;
       --outline: #e2e8f0;
       --surface: #ffffff;
       --heading-main: 40px;
       --heading-card: 22px;
       --body-standard: 16px;
       --line-height: 26px;
   }

   ul {
       list-style: none;
   }

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

   /* Main Content */
/*   main {
       flex: 1;
       padding: 4rem 1.5rem 6rem;
       max-width: 1200px;
       margin: 0 auto;
       width: 100%;
   }*/

   .hero {
       margin-bottom: 3rem;
   }

   .hero h2 {
       font-size: var(--heading-main);
       font-weight: 600;
       margin-bottom: 1rem;
   }

   .hero p {
       font-size: var(--body-standard);
       max-width: 42rem;
   }

   /* Sitemap Card */
   .sitemap-container {
       border: 1px solid var(--outline);
       padding: 2rem;
       background: white;
   }

   @media (min-width: 768px) {
       .sitemap-container {
           padding: 3rem;
       }
   }

   .sitemap-list {
       display: flex;
       flex-direction: column;
       gap: 2.5rem;
   }

   .section-header {
       display: flex;
       align-items: center;
       gap: 0.75rem;
       margin-bottom: 1rem;
   }

   .section-header h3 {
       font-size: var(--heading-card);
       color: var(--brand-dark-blue);
       font-weight: 600;
   }

   .section-header .material-symbols-outlined {
       color: var(--primary);
   }

   .nested-list {
       margin-left: 2.5rem;
       display: flex;
       flex-direction: column;
       gap: 0.75rem;
       border-left: 2px solid var(--outline);
       padding-left: 1.5rem;
   }

   .nested-list.gap-large {
       gap: 1.5rem;
   }

   .nested-list a:hover {
       color: var(--primary);
   }

   .sub-category h4 {
       font-size: var(--body-standard);
       font-weight: 600;
       margin-bottom: 0.5rem;
   }

   .sub-list {
       margin-left: 1rem;
       border-left: 1px solid rgba(226, 232, 240, 0.5);
       padding-left: 1rem;
       display: flex;
       flex-direction: column;
       gap: 0.5rem;
   }

   .sub-list a {
       opacity: 0.7;
   }

   .sub-list a:hover {
       opacity: 1;
       color: var(--primary);
   }

   .grid-list {
       display: grid;
       grid-template-columns: 1fr;
       gap: 0.5rem 1rem;
   }

   @media (min-width: 768px) {
       .grid-list {
           grid-template-columns: repeat(2, 1fr);
       }
   }

/* Session 4: Designated Parks sub-items */
.sm-indent { padding-left: 18px; font-size: .95em; }