body.mobile-mode {
    font-size: 22px;
    line-height: 1.9;
    padding: 15px;
}

body.mobile-mode .chapter-heading {
    font-size: 2.2em;
}

body.mobile-mode .reftext {
    font-size: 1.1em;
    margin-right: 6px;
}

body.mobile-mode audio {
    width: 100%;
}

body.mobile-mode .chapter-nav {
    font-size: 1.2em;
}

body.mobile-mode p {
    margin: 1em 0;
}

body.mobile-mode header,
body.mobile-mode .site-header {
    display: none;
}

body.mobile-mode {
    font-size: 22px;
    line-height: 1.9;
    padding: 15px;
}

body.mobile-mode .chapter-heading {
    font-size: 2.2em;
}

body.mobile-mode .reftext {
    font-size: 1.1em;
    margin-right: 6px;
}

body.mobile-mode audio {
    width: 100%;
}

body.mobile-mode .chapter-nav {
    font-size: 1.2em;
}

body.mobile-mode p {
    margin: 1em 0;
}
body.mobile-mode header,
body.mobile-mode .site-header {
    display: none;
}
/* DARK MODE THEME */
body.dark-mode {
    background: #111;
    color: #eee;
}

body.dark-mode a {
    color: #9cf;
}

body.dark-mode .chapter-heading {
    color: #fff;
}

body.dark-mode .chapter-nav a {
    color: #9cf;
}

body.dark-mode .snippet {
    color: #ccc;
}

body.dark-mode .link-box {
    background: #222;
    color: #eee;
}

body.dark-mode .link-box:hover {
    background: #333;
}

body.dark-mode audio {
    filter: invert(1) hue-rotate(180deg);
}
body.dark-mode .footnotes {
    border-top: 2px solid #444;
    color: #ccc;
}

body.dark-mode .chapter-grid a {
    background: #222;
    color: #eee;
}

body.dark-mode .chapter-grid a:hover {
    background: #333;
}