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

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

    body {
      min-height: max(884px, 100dvh);
    }
  
html,body{overflow-x:hidden;max-width:100%;}

        body {
            background-color: theme('colors.warm-cream');
            color: theme('colors.dark-charcoal');
        }
        /* Custom scrollbar to match theme */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: theme('colors.warm-cream'); }
        ::-webkit-scrollbar-thumb { background: theme('colors.smoke-gray'); border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: theme('colors.ember-orange'); }
    

        body { background-color: #F9F5F0; color: #1A1A1A; }
    

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

        .material-symbols-outlined {
            font-family: 'Material Symbols Outlined';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
        }
    

        body { background-color: theme('colors.warm-cream'); color: theme('colors.dark-charcoal'); }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
    

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .prose h2 {
            font-family: 'Manrope', sans-serif;
            font-size: 32px;
            font-weight: 700;
            line-height: 1.2;
            color: #1A1A1A;
            margin-top: 48px;
            margin-bottom: 24px;
        }
        .prose h3 {
            font-family: 'Manrope', sans-serif;
            font-size: 24px;
            font-weight: 700;
            line-height: 1.3;
            color: #1A1A1A;
            margin-top: 32px;
            margin-bottom: 16px;
        }
        .prose p {
            font-family: 'Source Sans 3', sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.6;
            color: #1A1A1A;
            margin-bottom: 24px;
        }
        .prose ul {
            list-style-type: disc;
            padding-left: 24px;
            margin-bottom: 24px;
        }
        .prose li {
            font-family: 'Source Sans 3', sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.6;
            color: #1A1A1A;
            margin-bottom: 8px;
        }
    

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

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

        @layer utilities {
            .no-scrollbar::-webkit-scrollbar {
                display: none;
            }
            .no-scrollbar {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
        }
    

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

        .material-symbols-outlined {
            font-family: 'Material Symbols Outlined';
            font-weight: normal;
            font-style: normal;
            display: inline-block;
            line-height: 1;
            text-transform: none;
            letter-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            direction: ltr;
        }
    

        body {
            background-color: #F9F5F0;
            color: #1A1A1A;
        }
        .material-symbols-outlined {
          font-variation-settings:
          'FILL' 0,
          'wght' 400,
          'GRAD' 0,
          'opsz' 24
        }
    

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

        /* Base typography enforcement */
        body { font-family: 'Source Sans 3', sans-serif; }
        h1, h2, h3, h4, h5, h6, .font-headline { font-family: 'Manrope', sans-serif; }
    

        body { background-color: theme('colors.warm-cream'); color: theme('colors.dark-charcoal'); }
        /* Typography base setup */
        .font-headline-md { font-family: theme('fontFamily.headline-md'); font-size: theme('fontSize.headline-md.0'); line-height: theme('fontSize.headline-md.1.lineHeight'); font-weight: theme('fontSize.headline-md.1.fontWeight'); }
        .text-headline-md { font-size: theme('fontSize.headline-md.0'); line-height: theme('fontSize.headline-md.1.lineHeight'); }
        .font-label-md { font-family: theme('fontFamily.label-md'); font-size: theme('fontSize.label-md.0'); line-height: theme('fontSize.label-md.1.lineHeight'); font-weight: theme('fontSize.label-md.1.fontWeight'); letter-spacing: theme('fontSize.label-md.1.letterSpacing'); }
        .text-label-md { font-size: theme('fontSize.label-md.0'); line-height: theme('fontSize.label-md.1.lineHeight'); }
        .font-body-md { font-family: theme('fontFamily.body-md'); font-size: theme('fontSize.body-md.0'); line-height: theme('fontSize.body-md.1.lineHeight'); font-weight: theme('fontSize.body-md.1.fontWeight'); }
        .text-body-md { font-size: theme('fontSize.body-md.0'); line-height: theme('fontSize.body-md.1.lineHeight'); }
        .font-metadata-sm { font-family: theme('fontFamily.metadata-sm'); font-size: theme('fontSize.metadata-sm.0'); line-height: theme('fontSize.metadata-sm.1.lineHeight'); font-weight: theme('fontSize.metadata-sm.1.fontWeight'); }
        .text-metadata-sm { font-size: theme('fontSize.metadata-sm.0'); line-height: theme('fontSize.metadata-sm.1.lineHeight'); }
        .font-display-xl { font-family: theme('fontFamily.display-xl'); font-size: theme('fontSize.display-xl.0'); line-height: theme('fontSize.display-xl.1.lineHeight'); font-weight: theme('fontSize.display-xl.1.fontWeight'); letter-spacing: theme('fontSize.display-xl.1.letterSpacing'); }
        .text-display-xl { font-size: theme('fontSize.display-xl.0'); line-height: theme('fontSize.display-xl.1.lineHeight'); }
        .font-headline-lg { font-family: theme('fontFamily.headline-lg'); font-size: theme('fontSize.headline-lg.0'); line-height: theme('fontSize.headline-lg.1.lineHeight'); font-weight: theme('fontSize.headline-lg.1.fontWeight'); }
        .text-headline-lg { font-size: theme('fontSize.headline-lg.0'); line-height: theme('fontSize.headline-lg.1.lineHeight'); }
        .font-headline-lg-mobile { font-family: theme('fontFamily.headline-lg-mobile'); font-size: theme('fontSize.headline-lg-mobile.0'); line-height: theme('fontSize.headline-lg-mobile.1.lineHeight'); font-weight: theme('fontSize.headline-lg-mobile.1.fontWeight'); }
        .text-headline-lg-mobile { font-size: theme('fontSize.headline-lg-mobile.0'); line-height: theme('fontSize.headline-lg-mobile.1.lineHeight'); }
        .font-body-lg { font-family: theme('fontFamily.body-lg'); font-size: theme('fontSize.body-lg.0'); line-height: theme('fontSize.body-lg.1.lineHeight'); font-weight: theme('fontSize.body-lg.1.fontWeight'); }
        .text-body-lg { font-size: theme('fontSize.body-lg.0'); line-height: theme('fontSize.body-lg.1.lineHeight'); }

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

        body { background-color: #F9F5F0; } /* warm-cream fallback */