:root > body {
    --main-bg: white !important;
    --ui-bg: #204456 !important;
    --ui-fg: #FFF !important;
    --ui-accent: #9DDAE5 !important;
    --bg-1: #fcfcfc !important;
    --bg-2: #DBDBDB !important;
    --accent: #B9519E !important;
    --head-bg: #2F506A !important;
    --head-fg: #fff !important;
    --mid-bg: transparent !important;
    --mid-fg: black !important;
    --mid-accent: var(--mid-fg) !important;
    --sub-bg: #ad5e9f !important;
    --sub-fg: #0f0f0f !important;
    --selected-bg: #233B4C !important;
    --selected-fg: #ffffff !important;
    --hovered-bg: #83C2D0 !important;
    --hovered-fg: #000 !important;
    --text-1: #000 !important;
    --text-2: #000 !important;
    --source-link: #009999 !important;
    --ext-link: #009999 !important; /* unchanged */
    --border-1: #ccc !important; /* unchanged */
    --border-2: #999 !important; /* unchanged */
    --trait-bg: #2e4969 !important;
    --trait-border: #a3e1e6 !important;
    --trait-fg: #ffffff !important;
    --trait-rare-bg: #707a94 !important;
    --trait-uncommon-bg: #954132 !important;
    --trait-unique-bg: #800080 !important;
    --trait-size-bg: #2a8179 !important;
    --trait-aon-bg: linear-gradient(#000, #666) !important; /* unchanged */
    --sidebar-bg: white !important;
    --sidebar-fg: black !important;
    --sidebar-accent: var(--border-2) !important;
    --adjusted-stat: red !important;
    background: var(--main-bg) !important;
}

:root {
    overflow: unset;
}

html {
    font-size: unset;
}

body, html {
    height: unset;
    box-sizing: unset;
    overflow: unset;
}

body {
    background: white !important;
    padding: 0 !important;
    margin: 4px !important;
    color: black !important;
    font-size: 70% !important;
    min-width: unset;
}

header.ui.menu {
    display: none;
}

#midsection {
    min-height: unset;
    display: block;
    align-items: unset;
    flex-direction: unset;
    flex-wrap: unset;
    max-width: unset;
    overflow: unset;
    transform: unset;
    background: none;
}

#midsection > .ui.content {
    background: white;
    padding: 0;
    min-height: unset;
    backface-visibility: unset;
    display: block;
    overflow: unset;
    transform: unset;
}

header + .ui.grid {
    margin-top: 0 !important;
}

#sidebar.ui.sidebar {
    display: none;
}

.page-navigation-wrapper {
    display: none;
}

.ui.container {
    max-width: unset;
    width: unset !important;
}

.ui.container > hr {
    display: none;
}

.ui.grid {
    margin: 0;
}

#main {
    line-height: 1.4 !important;
    padding: 0;
}

body #wrapper {
    width: auto !important;
    max-width: unset;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.old).fixedSidebar #wrapper {
    width: auto !important;
}

hr {
    margin: 0.1em 0;
}

footer.ui.footer {
    display: none;
}

.hide-on-print {
    display: none !important;
}

.show-on-print {
    display: initial !important;
}

h1.title, .hd-1,
h2.title, .hd-2,
h3.title, .hd-3,
h4.title, .hd-4,
h5.title, .hd-5,
h6.title, .hd-6 {
    padding: 0 !important;
    margin-left: 0 !important;
    height: auto !important;
    min-height: auto !important;
    border-radius: 0 !important;
    margin-bottom: 3px !important;
    line-height: 1.4 !important;
}

h1.title {
    background: none !important;
    color: black !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 1.7em !important;
    border: none !important;
    margin-top: 0;
}

h1.title::after {
    content: none;
}

h2.title, .hd-2 {
    font-size: 1.5em;
    border: none;
    font-weight: normal;
}

h3.title, .hd-3 {
    font-size: 1.3em;
}

h4.title, .hd-4,
h5.title, .hd-5,
h6.title, .hd-6 {
    font-size: 1.2em;
    font-weight: normal;
}

a.link.link-source:link {
    color: inherit !important;
}

.ui.segment {
    font-size: unset;
}

.ui.raised.segment {
    box-shadow: none !important;
    border: 2px solid var(--sidebar-accent);
}

.ui.raised.segment .title {
    margin-top: 0 !important;
}

.trait,
.trait-size,
.trait-uncommon,
.trait-rare,
.trait-unique,
.trait-aon {
    print-color-adjust: exact;
    font-size: 0.9em !important;
    padding: 2px 5px !important;
    line-height: 1.1;
    margin: 0 0.2em 0 0 !important;
}

.external-link,
.link-source {
    color: inherit !important;
}

.adjustable-stats-elite .adjustable-stat,
.adjustable-stats-elite .adjustable-stat-message,
.adjustable-stats-weak .adjustable-stat,
.adjustable-stats-weak .adjustable-stat-message {
    color: black !important;
    font-weight: normal !important;
}

.adjustable-stats-elite .title .adjustable-stat,
.adjustable-stats-elite .title .adjustable-stat-message,
.adjustable-stats-weak .title .adjustable-stat,
.adjustable-stats-weak .title .adjustable-stat-message {
    font-weight: inherit !important;
}