/* Reset & base */
    * { margin:0; padding:0; box-sizing:border-box; }
    body {
		font-family: sans-serif;
		line-height: 1.5;
	}
	html {
	  overflow-y: scroll;
	}
	.container {
	  max-width: 1200px;   /* or any value like 960px, 1024px */
	  margin: 0 auto;       /* centers it horizontally */
	  padding: 0 1rem;      /* optional padding for breathing room */
	}

    /* Header & nav */
    header {
      background: #004080;
      color: #fff;
      padding: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
	
	.justify-text {
	  text-align: justify;
	}

	.justify-text ul,
	.justify-text li {
	  margin: 0;
	  padding-left: 1.25rem;  /* Optional: gives proper space for bullets */
	  list-style-position: inside; /* Aligns bullets with text */
	}
	
    /* logo + title container */
    .logo-title {
      display: flex;
      align-items: center;
    }

	/* Enlarge the logo */
	.logo {
	  height: 6.0rem;          /* ↑ from 1.875rem to 2.5rem (≈40px) */
	  width: auto;
	  margin-right: 0.75rem;
	}
	
    header h1 {
      font-size: 1.25rem;
    }
    nav {
      position: relative;
    }
    .menu-toggle {
      display: none;
      font-size: 1.5rem;
      cursor: pointer;
    }
    ul.menu {
      list-style: none;
      display: flex;
      gap: 1rem;
    }
    ul.menu li a {
      color: #fff;
      text-decoration: none;
      padding: 0.25rem 0.5rem;
    }
    ul.menu li a:hover,
    ul.menu li a.active {
      background: rgba(255,255,255,0.2);
      border-radius: 4px;
    }
	
	ul.menu li, ul.menu li a {
	  text-align: left;
	  display: block; /* so it fills the width */
	  white-space: normal; /* allow wrapping */
	}

    /* Mobile */
    @media (max-width: 1200px) {
      .menu-toggle { display: block; }
      ul.menu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #004080;
        flex-direction: column;
        width: 200px;
        display: none;
      }
      ul.menu.open { display: flex; }
      ul.menu li { border-bottom: 1px solid rgba(255,255,255,0.2); }
    }

    /* Main content stub */
    main {
      padding: 2rem 1rem;
    }
	
    ul {
      padding-left: 1.5rem;
      margin-left: 0;
      list-style-position: inside;
    }
	
	a, a:visited, a:hover, a:active {
		color: #0000ff;
	};
	
    table {
      border-collapse: collapse;
      margin: 0 auto; /* this centers the table horizontally */
      border: 2px solid black;
    }

    th {
      border: 2px solid black;
      padding: 10px 20px;
      text-align: center;
	  background-color: #e0e0e0;
    }
    td {
      border: 2px solid black;
      padding: 10px 20px;
      text-align: left;
    }
	
.responsive-img {
  max-width: 600px;    /* Maximum pixel width */
  width: 100%;         /* Shrinks to fit parent/container */
  height: auto;        /* Maintains aspect ratio */
  display: block;      /* Removes bottom whitespace */
  margin: 0 auto;
}