:root {
    background-color: beige;

    font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    overflow-wrap: break-word;
}

body {
    max-width: 800px;
    margin: 8px auto;
    padding: 0 8px;
    line-height: 1.4;
}

summary {
    cursor: pointer;
}

input[type=text], textarea {
    width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

nav a {
    margin-right: 8px;
}

ul.posts-list {
    list-style-type: none;
    padding: unset;

    li {
        line-height: 1.6;
    }
}

.centered {
    margin: 0 auto;
    text-align: center;
}

/* Inline code */
code {
    border: 1px solid #cfcfd1;
    background: #f8f8f8;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.9em;
}

/* Pygments code blocks */
.highlight {
    border: 1px solid #cfcfd1;
    background: #f8f8f8;
    padding: 12px;
    margin: 16px 0;
    border-radius: 6px;
    overflow-x: auto;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.9em;
    line-height: 1.4;
}

.highlight pre {
    margin: 0;
    white-space: pre;
}

/* Pygments syntax highlighting - minimal colors that work with beige theme */
.highlight .k { color: #8b4513; font-weight: bold; } /* Keywords - saddle brown */
.highlight .s { color: #2e8b57; } /* Strings - sea green */
.highlight .c { color: #708090; font-style: italic; } /* Comments - slate gray */
.highlight .n { color: #333; } /* Names - dark gray */
.highlight .o { color: #333; } /* Operators - dark gray */
.highlight .p { color: #333; } /* Punctuation - dark gray */
.highlight .nb { color: #8b4513; } /* Builtins - saddle brown */
.highlight .nf { color: #483d8b; } /* Functions - dark slate blue */
.highlight .m { color: #b8860b; } /* Numbers - dark goldenrod */

.code {
    border: 1px solid #cfcfd1;
    overflow-x: scroll;

    pre {
        margin: 0;
    }
}