html,
body {
    background: #fffaf7;
    color: #2d2d2d;
    font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: auto;
    max-width: 38rem;
    padding: 0.8rem
}

a,
a:visited {
    color: darkred;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

table {
    width: 100%;
}

table thead tr {
    text-align: left;
}

tfoot {
    font-weight: bold;
}

details summary {
    cursor: pointer;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* aspect ratio */
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}