/* Base font settings */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap&subset=latin');

   
    @view-transition {
     navigation: none;
    }
    
     html {
     font-size: var(--base-font-size); 
     view-transition-name: none;
     
     }
     
 
     /* Your other custom CSS rules can go below this line */
     body {
        font-family: 'Inter', sans-serif;
        color:var(--color-text-default)!important;
     }
     /*
      * Global style tokens (CSS Custom Properties) for easy updates.
     */
     :root {
        /* Base Font Size Token */
        --base-font-size: 12.4px;
    
        /* Color Tokens */
        --color-text-default: #1d1d1d;
        --color-text-secondary: #1d1d1d;
        --color-text-primary: #0051d2;
    
        /* Font Weight Tokens */
        --font-normal: 400;
        --font-medium: 500;
        --font-semibold: 600;
        --font-bold: 700;
    
        /* Font Size Tokens (in rem) */
        --fs-h1: 3.2rem;
        --fs-h1-multiplied: 6.0rem; /* 30% increase: 3.2 * 1.3 = 4.16 */
        --fs-h2: 1.8rem;
        --fs-h3: 1.5rem;
        --fs-h4: 1.25rem;
        --fs-h5: 1.1rem;
        --fs-h6: 0.9rem;
        
        /* Link Context Default Size */
        --link-context-size: var(--fs-h3); /* Default to h3 size */

        /* Line Height Tokens (in rem) */
        --lh-h1: 3.2rem;
        --lh-h2: 1.6rem;
        --lh-h3: 1.6rem;
        --lh-h4: 1.25rem;
        --lh-h5: 1.1rem;
        --lh-h6: 0.9rem;

        /* Line Height Tokens (in rem) */
        --lh-p1: 4.08rem;
        --lh-p2: 1.4em;
        --lh-p3: 2rem;
        --lh-p4: 1.7rem;
        --lh-p5: 1.7rem;
        --lh-p6: 1.04rem;
            
        /* Heading Bottom Margin Tokens (in rem) */
        --h-margin-1: 4.6rem;
        --h-margin-2: 2.4rem;
        --h-margin-3: 0.8rem;
        --h-margin-4: 0.3rem;
        --h-margin-5: 0.4rem;
        --h-margin-6: 0.4rem;

        /* Module Spacing Tokens (in rem) */
        --module-spacing-1: 4.8rem;
        --module-spacing-2: 5.8rem;
        --module-spacing-3: 4.0rem;
        --module-spacing-4: 0rem;
        --module-spacing-5: 0.96rem;
        --module-spacing-6: 0.64rem;
    
        /* Paragraph Group Padding Tokens (in rem) */
        --group-padding-1: 4.8rem;
        --group-padding-2: 4.0rem;
        --group-padding-3: 2.0rem;
        --group-padding-4: 1.0rem;
        --group-padding-5: 0rem;
        --group-padding-6: 0rem;
    
        /* Proportional Paragraph Spacing Token */
        --paragraph-spacing-scale: 0.8;
    }


     /* * Hierarchical Module Spacing */
     .module-1 { margin-bottom: var(--module-spacing-1); }
     .module-2 { margin-bottom: var(--module-spacing-2); }
     .module-3 { margin-bottom: var(--module-spacing-3); }
     .module-4 { margin-bottom: var(--module-spacing-4); }
     .module-5 { margin-bottom: var(--module-spacing-5); }
     .module-6 { margin-bottom: var(--module-spacing-6); }
 
     /* * Paragraph Group Padding */
     .group-1 { padding-bottom: var(--group-padding-1); }
     .group-2 { padding-bottom: var(--group-padding-2); }
     .group-3 { padding-bottom: var(--group-padding-3); }
     .group-4 { padding-bottom: var(--group-padding-4); }
     .group-5 { padding-bottom: var(--group-padding-5); }
     .group-6 { padding-bottom: var(--group-padding-6); }
     
     /* * Proportional Paragraph Spacing */
     .paragraph {
         margin-bottom: calc(1.5em * var(--paragraph-spacing-scale));
     }
     
 
     /*
      * THE FIX: This rule targets the last paragraph in any group and removes its bottom margin.
      * This prevents the paragraph's own spacing from stacking with the group/module spacing.
     */
     div[class*="group-"] > p.paragraph:last-child {
         margin-bottom: 0;
     }
 
     /*
      * THE FIX: This rule tells a parent group to remove its own bottom padding
      * IF AND ONLY IF it contains another module inside it. This prevents the
      * double-padding issue with nested components.
     */
     .group-1:has(.module-2),
     .group-2:has(.module-3),
     .group-3:has(.module-4),
     .group-4:has(.module-5),
     .group-5:has(.module-6) {
         padding-bottom: 0;
     }
 
     /* * Typography classes using CSS variables */
     .type-h1 { font-size: var(--fs-h1-multiplied); line-height: var(--lh-h1); margin-bottom: var(--h-margin-1); }
     .type-h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); margin-bottom: var(--h-margin-2); }
     .type-h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); margin-bottom: var(--h-margin-3); }
     .type-h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); margin-bottom: var(--h-margin-4); }
     .type-h5 { font-size: var(--fs-h5); line-height: var(--lh-h5); margin-bottom: var(--h-margin-5); }
     .type-h6 { font-size: var(--fs-h6); line-height: var(--lh-h6); margin-bottom: var(--h-margin-6); }
 
     .type-p1 { font-size: var(--fs-h1); line-height: var(--lh-p1); }
     .type-p2 { font-size: var(--fs-h2); line-height: var(--lh-p2); }
     .type-p3 { font-size: var(--fs-h3); line-height: var(--lh-p3); }
     .type-p4 { font-size: var(--fs-h4); line-height: var(--lh-p4); }
     .type-p5 { font-size: var(--fs-h5); line-height: var(--lh-p5); }
     .type-p6 { font-size: var(--fs-h6); line-height: var(--lh-p6); }
 
     /* * Semantic utility classes for themes */
     .text-primary { color: var(--color-text-primary); }
     .text-secondary { color: var(--color-text-secondary); }
     .font-normal { font-weight: var(--font-normal); }
     .font-medium { font-weight: var(--font-medium); }
     .font-semibold { font-weight: var(--font-semibold); }
     .font-bold { font-weight: var(--font-bold); }
 
     h1, h2, h3, h4, h5, h6 {
        font-family: 'Inter', sans-serif;
        color: var(--color-text-primary) !important;
        text-box-trim: trim-both;
        text-box-edge: cap alphabetic;


       }
       
     h1 {
        font-size: var(--fs-h1-multiplied);
        margin-left: -5px;
        font-weight: var(--font-medium);
        letter-spacing: -2px !important;
       }

    h2 {
        font-weight: var(--font-normal) !important;
    }

    h3 {
        font-weight: var(--font-normal) !important;
    }

    .module-1 {
        margin-bottom: 200px;
    }
 
     /* * Addendum class to zero-out module spacing */
     .addendum {
         margin-bottom: 20px !important;
     }
 
    .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        margin-bottom: calc(0.0rem * var(--tw-space-y-reverse))!important;
    }

    h1.fsPageTitle {
        display: none; visibility: none !important;
        }

    #fsHeader .header-top>.fsElementContent .district-home-link a {
        text-shadow: 0px 0px 6px rgba(0,0,0,.0)
    }

    .nav-tier {
        -webkit-box-shadow:0px 10px 50px -10px rgba(0,0,0,.0);
        box-shadow:0px 10px 50px -10px rgba(0,0,0,.0);
    }

    .fsBreadcrumb {
    font-size: revert;    /* or initial, or a specific px/rem value */
    }

    .fsBreadcrumb ul li {
    font-size: inherit;
    }

     /*
  * CSS FOR VIEW TRANSITIONS
  * This creates the cross-fade effect when switching tabs.
 */
   
 .btn-culture {
    /* Default State */
    display: inline-block;
    padding: .6rem 2.0rem;
    border: 1.5px solid #F5821F;
    border-radius: 50px;
    margin-left: -10px;
    color: #0C4B90;
    text-decoration: none;
    font-weight: var(--font-medium);
    font-size: var(--fs-h3) ;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn-culture:hover {
    /* Hover State */
    background-color: #0C4B90;
    border-color: #0C4B90;
    color: #FFFFFF; /* White text on hover */
}

.link-context {
    font-size: var(--link-context-size);
    color: var(--color-text-default);
    text-decoration: underline solid #9c9c9c 1px;
    text-underline-offset: 0.125em;
    text-decoration-skip-ink: auto;
    font-weight: var(--font-normal);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.link-context:hover {
    /* Hover State */
    color: #F5821F; /* Orange text on hover */
    text-decoration: underline solid #F5821F 1px;
}

/* Link Context Size Variants - Only override font-size */
.link-context.h1,
.link-context.size-h1 { font-size: var(--fs-h1-multiplied); }

.link-context.h2,
.link-context.size-h2 { font-size: var(--fs-h2); }

.link-context.h3,
.link-context.size-h3 { font-size: var(--fs-h3); }

.link-context.h4,
.link-context.size-h4 { font-size: var(--fs-h4); }

.link-context.h5,
.link-context.size-h5 { font-size: var(--fs-h5); }

.link-context.h6,
.link-context.size-h6 { font-size: var(--fs-h6); }