.table-wrapper {
  overflow: hidden;
  border-radius: 4px;
  display: inline-block;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-family: Arial, sans-serif;
}

th, td {
  border: 1px solid white;
  padding: 8px;
}

th {
  background-color: #ffffff;
  color: #000000;
}

.list-wrapper {
  overflow: hidden;
  border-radius: 4px;
  display: inline-block;
}

div.main-content ul, ol {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 16px;
  border-radius: 4px;
  font-family: Arial, sans-serif;
  margin: 16px auto;
  padding-left: 25px;
  display: inline-block;
  text-align: left;
}

ul li, ol li {
  margin-bottom: 8px;
}
#magicwincontent {text-align: center;}
/* --- Sticky TOC Nav --- */
    .toc {
      display: flex;
      flex-wrap: wrap;
      gap: 1.25rem;
      justify-content: center;
      background: #111;
      padding: 0.75rem 1rem;
    }
    .toc a {
      font-size: 0.9rem;
      white-space: nowrap;
    }
    /* highlight active section link (optional JS-free) */
    .toc a:focus {
      outline: none;
      color: #e5c100;
      text-decoration: underline;
    }

    /* --- Responsive Adjustments --- */
    @media (max-width: 600px) {
      h1 {
        font-size: 2rem;
      }
      h2 {
        font-size: 1.4rem;
      }
      .toc {
        gap: 0.75rem;
      display: grid;
      }
      .sticky-header {position: sticky!important; top: 0; z-index: 1000!important;}
    }