:root {
/* Brand */
--ff-primary: #1553a0;
--ff-primary-hover: #0d3f7e;
--ff-primary-light: #e9f0fa;

/* Semantic */
--ff-secondary: #0a7b6c;
--ff-success: #0a7b6c;
--ff-success-light: #e6f5f2;
--ff-warning: #9a4d00;
--ff-warning-light: #fef4e8;
--ff-error: #c41a2e;
--ff-error-light: #fce8eb;

/* Surfaces */
--ff-bg: #f7f8fa;
--ff-surface: #ffffff;
--ff-surface-hover: #f3f5f8;
--ff-border: #dce0e6;
--ff-border-strong: #a0a8b4;

/* Text */
--ff-text: #1a1d23;
--ff-text-secondary: #474d58;
--ff-text-muted: #5c6370;
--ff-text-inverse: #ffffff;

/* Typography */
--ff-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--ff-font-size-xs: 0.8125rem;
--ff-font-size-sm: 0.875rem;
--ff-font-size-base: 1rem;
--ff-font-size-md: 1.0625rem;
--ff-font-size-lg: 1.25rem;
--ff-font-size-xl: 1.5rem;
--ff-font-size-2xl: 2rem;

/* Spacing */
--ff-spacing-xs: 0.25rem;
--ff-spacing-sm: 0.5rem;
--ff-spacing-md: 1rem;
--ff-spacing-lg: 1.5rem;
--ff-spacing-xl: 2rem;
--ff-spacing-2xl: 3rem;

/* Layout */
--ff-container-max-width: 1400px;

/* Radii */
--ff-radius: 6px;
--ff-radius-lg: 10px;
--ff-radius-sm: 4px;

/* Shadows */
--ff-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
--ff-shadow-md: 0 2px 8px rgba(0,0,0,0.07);
--ff-shadow-lg: 0 8px 24px rgba(0,0,0,0.09);

/* Footer */
--ff-footer-bg: #1a1d23;
--ff-footer-text: #9ca3af;
--ff-footer-heading: #e8eaed;
--ff-footer-link: #93b4e0;
--ff-footer-border: #2d3139;
}

/* ----- Base Styles (FOUC prevention) ----- */
html { font-size: 16px !important; }

body {
font-family: var(--ff-font-family) !important;
font-size: var(--ff-font-size-base) !important;
line-height: 1.6 !important;
color: var(--ff-text) !important;
background: var(--ff-bg) !important;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

body p, body span, body div, body label, body input, body textarea, body select, body button, body a,
body h1, body h2, body h3, body h4, body h5, body h6,
body li, body td, body th,
.navbar, .nav-link, .dropdown-item, .username,
.btn, .form-control, .form-select,
.page-copy, .wrapper-body {
font-family: var(--ff-font-family) !important;
}

/* portalbasictheme.css sets `a, .a { font-size: 14px }` globally, which sticks to
  <a> tags inside MUI Typography (PCF RTF content) because Typography sizes the
  container, not descendant anchors. Force inheritance so RTF links match
  surrounding body text. Scoped to .MuiTypography-root and .MuiAlert-root to
  avoid touching nav/footer/portal-chrome links, which rely on their own
  component sizing. .MuiAlert-root covers stop-rule RTF, which renders via
  dangerouslySetInnerHTML inside an Alert (no Typography wrapper). */
.MuiTypography-root a,
.MuiTypography-root a:link,
.MuiTypography-root a:visited,
.MuiTypography-root a:hover,
.MuiTypography-root a:focus,
.MuiTypography-root a:active,
.MuiAlert-root a,
.MuiAlert-root a:link,
.MuiAlert-root a:visited,
.MuiAlert-root a:hover,
.MuiAlert-root a:focus,
.MuiAlert-root a:active {
  font-size: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;      /* optional: nicer spacing */
  text-decoration-thickness: 1px;  /* optional: consistent line */
}

h1, h2, h3, h4 { line-height: 1.2; }

/* ----- Frame pages: hide all chrome early to prevent flash ----- */
body[data-sitemap-state*="form-submission-frame"] .navbar,
body[data-sitemap-state*="form-submission-frame"] footer,
body[data-sitemap-state*="form-submission-frame"] .ff-footer,
body[data-sitemap-state*="form-submission-frame"] .ff-breadcrumb-bar,
body[data-sitemap-state*="form-submission-frame"] .private-mode-banner,
body[data-sitemap-state*="Form-Submission-Frame"] .navbar,
body[data-sitemap-state*="Form-Submission-Frame"] footer,
body[data-sitemap-state*="Form-Submission-Frame"] .ff-footer,
body[data-sitemap-state*="Form-Submission-Frame"] .ff-breadcrumb-bar,
body[data-sitemap-state*="Form-Submission-Frame"] .private-mode-banner {
display: none !important;
}

body[data-sitemap-state*="form-submission-frame"],
body[data-sitemap-state*="Form-Submission-Frame"] {
background: var(--ff-surface) !important;
padding: 0 !important;
margin: 0 !important;
}

body[data-sitemap-state*="form-submission-frame"] .content-wrapper,
body[data-sitemap-state*="form-submission-frame"] .wrapper-body,
body[data-sitemap-state*="form-submission-frame"] .page-copy,
body[data-sitemap-state*="form-submission-frame"] .container,
body[data-sitemap-state*="form-submission-frame"] .row,
body[data-sitemap-state*="form-submission-frame"] .col-lg-12,
body[data-sitemap-state*="form-submission-frame"] .sectionBlockLayout,
body[data-sitemap-state*="Form-Submission-Frame"] .content-wrapper,
body[data-sitemap-state*="Form-Submission-Frame"] .wrapper-body,
body[data-sitemap-state*="Form-Submission-Frame"] .page-copy,
body[data-sitemap-state*="Form-Submission-Frame"] .container,
body[data-sitemap-state*="Form-Submission-Frame"] .row,
body[data-sitemap-state*="Form-Submission-Frame"] .col-lg-12,
body[data-sitemap-state*="Form-Submission-Frame"] .sectionBlockLayout {
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
}

/* Anonymous form: hide chrome */
body[data-sitemap-state*="form-submission-anonymous"] .ff-footer,
body[data-sitemap-state*="form-submission-anonymous"] .navbar {
display: none !important;
}

/* Optional body-class toggles */
body.ff-hide-header .navbar { display: none !important; }
body.ff-hide-breadcrumb .ff-breadcrumb-bar { display: none !important; }
body.ff-hide-footer .ff-footer { display: none !important; }

/* Hide PCF loading overlay so portal skeleton shows */
.MuiBackdrop-root,
.MuiBackdrop-root[style] {
background-color: transparent !important;
background: transparent !important;
color: transparent !important;
opacity: 0 !important;
}

.MuiBackdrop-root > .MuiCircularProgress-root {
display: none !important;
}

/* ============================================================================
   Submission Success Banner — override hardcoded green
   ============================================================================ */
 

/* Only left-align the success message text */ 
/* Only left-alignk .MuiTypography-root,*/ 
#submission-success .css-vfek7k .MuiTypography-root * {
  text-align: left !important;
}

/* Optional: make list indentation look normal */
#submission-success .css-vfek7k .MuiTypography-root ul {
  padding-left: 1.5rem !important;
  margin-left: 0 !important;
}

/* Optional: improve spacing for paragraphs/list items */
#submission-success .css-vfek7k .MuiTypography-root p,
#submission-success .css-vfek7k .MuiTypography-root li {
  line-height: 1.5;
}