body {
    font-family: sans-serif;
    margin: 2em;
    background-color: #f9f9f9;
    color: #333;
}
h1 {
    color: #222;
}
audio {
    margin-top: 1em;
}
ul {
    list-style-type: disc;
    padding-left: 2em;
}
a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


/* 2. Compact table styling */
table {
    border-collapse: collapse;
    font-size: 0.7em;
    margin: 1em 0;
}

th {
    padding: 4px 8px;
    border: 1px solid #ccc;
    vertical-align: middle;
    background-color: #bddcf0;
}

td {
    padding: 4px 8px;
    border: 1px solid #ccc;
    vertical-align: top;
}

/* 3. Alternating row shading */
tr.even {
    background-color: #f9f9f9;
}

tr.odd {
    background-color: #ffffff;
}

.arrangement {
    background-color: #add8e6;
}

.nullcell {
    background-color: #eeeeee;
}

.center {
        text-align: center;
  }

.left {
        text-align: left;
  }

.right {
        text-align: right;
  }

.hide   {
        display: none;
  }