body {
        margin: 0;
        font-family: Arial, sans-serif;
        background-color: #cccccc;
        position: relative;
      }

      /* Title bar */
      .title-bar {
        background-color: #01627f;
        color: white;
        text-align: center;
        padding: 15px;
        font-size: 1.4em;
        font-weight: bold;
      }

      .carousel-container {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 1em;
      }

      .carousel-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
        height: 100%;
      }

      .carousel-track img {
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        object-fit: contain; /* scale to fit height without cropping */
        /* background-color: white; */
        background-color: #dddddd;
      }
      .heading {
        color: #01627f;
      }
      .content {
        padding: .5em;
        text-align: left;
        position: relative;
        background-color: white;
        margin: 0;
      }
      .box img {
        max-width: 100%;
        height: auto;
        display: inline-block; /* Removes bottom whitespace gap */
      }

      .content .box {
        border: 1px solid #cccccc;
        /* border: 1px solid red; */
        border-radius: 10px;
        padding: 0.5em;
        margin: 0.25em 0px;
      }
      .new {
        display: inline-block;
        color: #ffffff;
        background-color: #cc0000;
        padding: 0.5em;
        margin: 0;
      }
      a img {
        vertical-align: middle; /* Aligns the image vertically with the surrounding text's middle */
      }
      table {
        border-collapse: collapse;
      }

      td {
        border: 1px solid #888888;
        padding: 0.5em 1em;
      }
      .centered {
        position: relative;
        text-align: center;
        margin: 1em 0px;
        padding: 1em 0.5em;
        background-color: antiquewhite;
      }
      /* Desktop sizing: 1/3 of viewport height */
      @media (min-width: 1024px) {
        .carousel-container {
          height: 33vh;
        }

        .carousel-track {
          height: 33vh;
        }
        .content {
          max-width: 700px;
          margin: auto;
        }
      }