:root {
    --more-body-background: #fafafa;
    --more-nav-link-color: #222;
    --more-nav-link-background: #eee;
    --more-nav-link-border: #999;
}

    :root[data-theme="dark"] {
        --more-body-background: #1a1a1a;
        --more-nav-link-color: #b0b1b3;
        --more-nav-link-background: #2a2a2a;
        --more-nav-link-border: #444;
    }

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.8em;
    font-family: Helvetica, Verdana, Sans-Serif;
    background-color: var(--more-body-background);
}

#nav {
    overflow: auto;
}

    #nav ul {
        list-style: none;
        padding: 0;
        margin: 0.5em;
    }

        #nav ul li a {
            display: block;
            cursor: pointer;
            margin-bottom: -1px;
            padding: 12px 10px;
            text-decoration: none;
            color: var(--more-nav-link-color);
            font-size: 0.9em;
            background-color: var(--more-nav-link-background);
            border: 1px solid var(--more-nav-link-border);
        }

        #nav ul > li:last-child > a {
            margin-bottom: 0;
        }
