/* simon's */

:root {
    --dark-bg: #333;
    --light-bg: #CCC;
    --dark-fg: white;
    --light-fg: black;
}
  

img {
    /* max-width: 648px; */
    display: inline;
}

div.tbl table {
    border-spacing: 0px;
}

div.tbl table tbody tr td, fieldset {
    border: 1px solid var(--light-bg);
    padding: 5px;
}

fieldset {
    padding: 1em;
}

@media (prefers-color-scheme: dark) {
    div.tbl table tbody tr td, fieldset {
        border: 1px solid var(--dark-bg);
    }
}

/* coin tables */
table.coin-tbl {
    border: 0px; 
    border-collapse: collapse; 
    border-spacing: 0em;
    margin-right: 2em;
    float: left;
}

table.coin-tbl td {
    width: 160px; 
}

table.coin-tbl td, table.coin-tbl img, table.coin-tbl pre {
    margin: 0px;
    padding: 0px;
}

table.coin-tbl td pre, table.coin-tbl td img {
    display: block; 
    height: 140px; 
    line-height: 140px;
}

table.coin-tbl td pre {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

table.coin-tbl td pre code {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}

@media (prefers-color-scheme: light) {
    table.coin-tbl td pre {
        background-color: var(--light-bg);
        color: var(--light-fg);
    }
}

.note {
    padding: 3em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: rgb(255, 227, 136);
}

.note dt {
    font-weight: bold;
    font-style: italic;
}

@media (prefers-color-scheme: dark) {
    .note {
        background-color: rgb(40, 40, 0);
    }
}


li > code, p > code{color: var(--precolor); background: var(--prebgcolor); padding:2px}