body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	scroll-behavior: smooth;
	background-color: #ffffff;
	line-height: 1.6;
}
:root {
	--gov-blue: #003366;
	--gov-blue-light: #e6eef6;
}

/* structural sections */
  .gov-banner {
  	background-color: #ffffff;  
  	color: #000000;
  	font-size: 0.9rem;
  }
  .hero {
  	background-color: var(--gov-blue-light);
  	padding: 20px 0;
  }
  /* Footer container */
  .footer {
    background-color: #0058a4;
    color: #ffffff;
  }
    /* Footer links */
    .footer a {
      display: inline-block;
      padding: 10px;
      margin-right: 20px;
      color: #ffffff;
      text-decoration: none;
      transition: background-color 0.2s ease, text-decoration 0.2s ease;
    }
    /* Hover + focus state */
    .footer a:hover,
    .footer a:focus {
      text-decoration: underline;
      color: #003262;
      background-color: #F8D44C;
    }


/* navigation */
  /* hamburger menu */
  :focus-visible {
  	outline: 3px solid #ffbf47;
  	outline-offset: 2px;
  } 
  /* main navigation bar */
  .main-nav {
    background-color: #1d84c3;
  }
    /* nav item styles */
    .nav-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex; /* horizontal layout */
    }
    .nav-list li {
      margin: 0;
    }
    .nav-list a {
      display: block;
      padding: 10px;
      color: #ffffff;
      text-decoration: none;
      transition: background-color 0.2s ease, text-decoration 0.2s ease;
    }
    /* Hover state */
    .nav-list a:hover {
      background-color: #F8D44C;
      text-decoration: underline;
      color: #000; /* optional for contrast */
    }
    /* Active / current page */
    .nav-list a.active {
      background-color: #003262;
      text-decoration: underline;
    }
  
/* custom styles */
  h1.subdued {
      font-size: x-large;
  }
  h2 i {
    margin-right: 0.5rem;
    color: #0058a4; /* optional */
  }
  a:active,a:focus,a:hover {
      color: #002f58;
      text-decoration: underline;
      background-color:  #F8D44C;
  }
  ul.ps-0 {
    list-style-position: inside;
  }