%%add-css
html {
    /* Encyclopaedia-inspired theme: Vintage Leatherbound */
    background-color: #F5E8C7 !important; /* Aged parchment background */
    color: #2A1F1A !important; /* Very dark brown text for a leather-bound feel */
}

html h1, html h2, html h3, html h4, html h5, html h6 {
    color: #4A2C2A !important; /* Deep burgundy for headings */
}

html a:not(.logo):not(.btn) {
    color: #0645AD !important; /* Muted navy for links */
}
html a:not(.logo):not(.btn):visited {
    color: #0B0080 !important; /* Slightly lighter navy for visited links */
}
html a:not(.logo):not(.btn):hover {
    color: #D4A017 !important; /* Gold on hover for embossed effect */
}

html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content.active div.sidebar {
    background: #F8EBD5 !important;
    width: 280px !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: width 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}
@media (min-width: 1200px) {
    html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content.active div.sidebar {
        width: 15vw !important;
        min-width: 280px !important;
    }
}
html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content div.sidebar {
    background: #F8EBD5 !important;
    width: 280px !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: width 0.3s ease !important;
    position: relative !important;
    z-index: 1 !important;
}
@media (min-width: 1200px) {
    html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content div.sidebar {
        width: 15vw !important;
        min-width: 280px !important;
    }
}
html body div#wikibody div#page div.content div.sidebar {
    background: #F8EBD5 !important;
}
html body div#wikibody div#page div.content.active div.sidebar {
    background: #F8EBD5 !important;
}
html body div#wikibody div.content div.sidebar {
    background: #F8EBD5 !important;
}
html body div#wikibody div.content.active div.sidebar {
    background: #F8EBD5 !important;
}
html div.sidebar {
    background: #F8EBD5 !important;
}
html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content.active {
    background: #F8EBD5 !important;
    min-width: 280px !important;
    min-height: 100vh !important;
}
@media (min-width: 1200px) {
    html body.context-view.can-flex div.container-fluid.fav-left.fixed-header div.content.active {
        min-width: 15vw !important;
    }
}

html div.sidebar div.leftmenu {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}
html div.sidebar div.leftmenufooter {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

html div.header {
    background: url('https://i.postimg.cc/5tL2kN3B/seamless-leather-texture.jpg') center/200px 200px repeat, #8B5A2B !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important;
    color: white !important;
    border-bottom: 3px solid #D4A017 !important;
}
html div.header .titlebox {
    background: url('https://i.postimg.cc/5tL2kN3B/seamless-leather-texture.jpg') center/200px 200px repeat, #8B5A2B !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
html div.header .titlebox .title-text {
    -webkit-text-fill-color: white !important;
    -moz-text-fill-color: white !important;
    -webkit-text-stroke-width: 0 !important;
}
html div.header .titlebox .small, html div.header .titlebox .small a {
    color: #E8E8E8 !important;
}
html div.header .topline, html div.header .navigation {
    background: url('https://i.postimg.cc/5tL2kN3B/seamless-leather-texture.jpg') center/200px 200px repeat, #8B5A2B !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
html div.header a:not(.logo):not(.btn) {
    color: #E8E8E8 !important;
}
html div.header a:not(.logo):not(.btn):hover {
    color: #FFFFFF !important;
}

html div.sidebar div.leftmenu div.collapse {
    background: #F8EBD5 !important;
    color: #2A1F1A !important;
    border-bottom: 1px solid #D4A017 !important;
}
html div.sidebar div.leftmenu div.collapse a.wikipage {
    color: #0645AD !important;
}
html div.sidebar div.leftmenu div.collapse a.wikipage:visited {
    color: #0B0080 !important;
}
html div.sidebar div.leftmenu div.collapse a.wikipage:hover {
    color: #D4A017 !important;
}

html body div#wikibody div.content.active div.sidebar div.leftmenufooter {
    background: #F8EBD5 !important;
    color: #2A1F1A !important;
}
html body div#wikibody div.content.active div.sidebar div.leftmenufooter div.collapse {
    background: #F8EBD5 !important;
    color: #2A1F1A !important;
}
html div.sidebar div.leftmenufooter {
    background: #F8EBD5 !important;
    color: #2A1F1A !important;
}
html div.sidebar div.leftmenufooter div.collapse {
    background: #F8EBD5 !important;
    color: #2A1F1A !important;
}
html div.sidebar div.leftmenufooter div.collapse a.external {
    color: #0645AD !important;
}
html div.sidebar div.leftmenufooter div.collapse a.external:visited {
    color: #0B0080 !important;
}
html div.sidebar div.leftmenufooter div.collapse a.external:hover {
    color: #D4A017 !important;
}

html div.footer {
    background: url('https://i.postimg.cc/5tL2kN3B/seamless-leather-texture.jpg') center/200px 200px repeat, #8B5A2B !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important;
    color: white !important;
}
html div.footer a {
    color: #E8E8E8 !important;
}
html div.footer a:hover {
    color: #D4A017 !important;
}

html .tab-pane {
    background-color: #F5E8C7 !important;
}

html .cat-border {
    border: 1px solid #D4A017 !important;
    padding: 5px !important;
    margin-top: 20px !important;
    background-color: #F5E8C7 !important;
    font-size: smaller !important;
}

html .pagename {
    font-size: 2em !important;
    color: #4A2C2A !important;
}

html body div#wikibody div#page {
    background: #F5E8C7 !important;
}
html div.page-content {
    background: #F5E8C7 !important;
}
/* End of Encyclopaedia-inspired theme: Vintage Leatherbound */
%%