:root {
    --bg: #f3ead8;
    --paper: #fbf6e8;
    --text: #211b14;
    --muted: #6b604f;
    --line: #2a2117;
    --accent: #8b2f23;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Georgia, serif;
    line-height: 1.6;
}

#content {
    max-width: 880px;
    margin-left: 330px;
    padding: 2rem;
    background: var(--paper);
    min-height: 100vh;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.12);
}

#mobile-toc {
    background: #e0d3b8;
    border-right: 2px solid var(--line);
}

#content h1 {
    border-bottom: 3px double var(--line);
    padding-bottom: 0.4rem;
}

#content h2 {
    border-bottom: 1px solid var(--line);
    padding-bottom: 0.25rem;
}

#content h1,
#content h2,
#content h3 {
    font-family: Georgia, serif;
    color: var(--accent);
}

a {
    color: var(--accent);
    font-weight: 700;
}

#content table {
    border-collapse: collapse;
    width: 100%;
    margin: 1.5rem 0;
}

#content th,
#content td {
    border: 1px solid var(--line);
    padding: 0.45rem 0.65rem;
}

#content table tr:first-child th,
#content table tr:first-child td {
    background: #d8c59f;
    font-weight: 700;
}

#content table tr > th:first-child,
#content table tr > td:first-child {
    background: #eadcbd;
    font-weight: 700;
}