body{
    text-align: justify;
    container-type: inline-size;
}

table {
    overflow-x: auto;
    white-space: nowrap;
    width: 100% !important;
}

li{
    list-style-type: '- ';
}

.styled-output {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

.navbar-nav,
.navbar-nav li {
      list-style: none !important;
      margin: 0;
      padding: 0;
  }

@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .navbar-collapse {
      display: flex !important; /* Force display as flex */
      visibility: visible !important; /* Ensure visibility */
      height: auto !important; /* Prevent height collapse */
    }
    .navbar-toggler {
      display: none !important; /* Hide the collapse button if not needed */
    }
    /* Add more rules for specific nav items if they are still hiding */
    .nav-item {
      display: block !important; /* Or inline-block, depending on desired layout */
    }
  }