table {
    border-collapse: collapse;
    width: 100%;
}

td {
    padding: 2px;
    border: 1px solid #000;
}

th {
    padding: 2px;
    border: 1px solid #000;
    background-color: #f2f2f2;
}

.hexagram-line {
    width: 50px;
    height: 8px;
    margin: 2px 0;
}

.full-line { background-color: orange; }

.broken-line {
    display: flex;
    justify-content: space-between;
}

.broken-line div {
    width: 21px;
    height: 8px;
    background-color: orangered;
}

#container { display: flex; }

.box {
flex: 1; /* Roztáhnout všechny boxy stejně do dostupného prostoru */
padding: 10px;
border: 1px solid #ccc;
}

pre {
background-color: black;
color: #eee;
}