@media (max-width: 575.98px) {
    .max-half-width {
      width: 100%;
    }
    aside {
      width: 100%;
      margin-top: 1rem;
    }
  }
  
  @media (min-width: 576px) and (max-width: 991.98px) {
    .max-half-width {
      width: 60%;
    }
    aside {
      width: 35%;
    }
  }
  
  @media (min-width: 992px) {
    .max-half-width {
      width: 50%;
    }
    aside {
      width: 45%;
    }
  }
  



body {
    background-color: #f9f9f9;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
  }
  a {
    color: #441199;
  }
  header, footer {
      background-color: #003366;
      color: white;
      padding: 2rem;
      text-align: center;
    }
    body.a:visited {
      color: purple; 
      text-decoration: underline; 
    }
    .section {
    background-color: #b3cde0;
    margin: 1rem;
    padding: 2rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  .form-control {
    max-width: 300px;
  }
  .align-center {
    display: flex;
    align-items: center;
  }
  .contrast-toggle {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 9999;
  }
  
  body.high-contrast .section {
    background-color: #222 !important;
    color: yellow !important;
  }
  body.high-contrast header,
  body.high-contrast footer {
    background-color: black !important;
    color: yellow !important;
  }
  body.high-contrast a {
    color: #00ffff !important;
  }
  body.high-contrast .form-control,
  body.high-contrast .form-select {
    background-color: #000;
    color: yellow;
    border: 1px solid yellow;
  }
  body.high-contrast .table th,
  body.high-contrast .table td {
    background-color: black;
    color: yellow;
    border-color: yellow;
  }
  
  .nav-link-custom {
    color: #002147 !important;
  }
  body.high-contrast .nav-link-custom {
    color: #001f4d !important;
  }