#content {
    display: flex;
    flex-flow: row wrap;
}

div.entry {
    padding: 10px;
    max-width: 300px;
}

/* indent after the first line, e.g., in long tag names */

div.entry ul, li {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

ul.overview {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}

ul.overview>li {
    background-color: #eee;
    padding: 10px;
    margin: 5px;
}

ul.overview>li a {
    font-weight: bold;
    text-decoration: none;
}

/* use background-clip so the padding doesn't get colored */

.game-main-line {
    background-color: #eee;
    background-clip: content-box;
}

div.joseki {
    padding: 10px;
    max-width: 300px;
    font-weight: bold;
    text-decoration: none;
}