$curtain-colour: fade-out($bgcolour, .15); $line-colour: $levity-colour; $link-change-time: .3s !default;

h1, h2, h3, h4, h5, h6, strong, .ml-footer-desc {

color: $heavy-colour;

}

body {

background: $bgcolour;
color: $normal-colour;

}

@media screen and (max-width: 1300px) {

.ml-drawer[open] {
        background: $curtain-colour;
}

}

.footnotes ol {

padding-left: 2rem;
list-style: decimal;

}

.ml-smaller, .footnotes {

margin: 0;
font-size: .9em;

}

.ml-footer .ml-smaller {

color: $levity-colour;

}

.ml-drawer a, .ml-social-list .svg-icon, .ml-article a {

color: $levity-colour;

@media screen and (prefers-reduced-motion: no-preference) {
        transition: color $link-change-time;
}

&:hover {
        color: $heavy-colour;
}

}

.ml-drawer summary {

color: $normal-colour;

}

.ml-drawer summary:hover, .ml-bookmark a:hover, .ml-block-anchor:hover, .ml-page-list a:hover {

background: $indication-colour;

}

.ml-toc-1 > a, .ml-toc-2 > a {

color: $meso-colour;

}

.ml-bookmark a {

@media screen and (prefers-reduced-motion: no-preference) {
        transition: background, color $link-change-time;
}

}

.ml-article a, .ml-front a, .ml-footer a {

color: $heavy-colour;
&:hover {
        color: $normal-colour
}

}

.ml-footer-main {

background: $bgcolour;

}

blockquote {

border-left: .25em solid $indication-colour;

}

kbd {

border: 1px solid $line-colour;
border-radius: 5px

}

table tr, table td, table caption, pre {

border: 1px solid $atlarge-colour;

}

mark {

border: 1px dashed $heavy-colour;
background: none

}

ins, .ml-article a, .ml-front a, .ml-footer a {

border-bottom: 1px solid $line-colour;

}

.ml-article a:hover, .ml-front a, .ml-footer a {

border-bottom-color: $atlarge-colour;

}

u {

border-bottom: 1.2px dashed $line-colour;

}

em:after {

color: $line-colour;

}

figcaption {

color: $levity-colour;

}

strong, b, mark {

color: $heavy-colour;

}

body, .ml-drawer-inside {

&::-webkit-scrollbar-thumb {
        background: $atlarge-colour;
}
&::-webkit-scrollbar-thumb:hover {
        background: $levity-colour;
}
&::-webkit-scrollbar-track-piece {
        background: transparent;
}
&::-webkit-scrollbar-track-piece:hover {
        background: $indication-colour;
}

}

@mixin draw-bottom {

padding-bottom: .4em;
font-style: normal;
background-repeat: repeat-x;
background-size: 1em 1.4em;

}

em {

&:lang(*-Hans), &:lang(*-Hant) {
        @include draw-bottom;
        background-image: $em-image;
}

&:lang(cmn-Hans), &:lang(cmn-Hant),
&:lang(wuu-Hans), &:lang(wuu-Hant),
&:lang(czh-Hans), &:lang(czh-Hant),
&:lang(hak-Hans), &:lang(hak-Hant),
&:lang(yue-Hans), &:lang(yue-Hant),
&:lang(nan-Hans), &:lang(nan-Hant),
&:lang(cpx-Hans), &:lang(cpx-Hant),
&:lang(cdo-Hans), &:lang(cdo-Hant),
&:lang(mnp-Hans), &:lang(mnp-Hant),
&:lang(zco-Hans), &:lang(zco-Hant),
&:lang(gan-Hans), &:lang(gan-Hant),
&:lang(hsn-Hans), &:lang(hsn-Hant),
&:lang(cjy-Hans), &:lang(cjy-Hant),
&:lang(lzh-Hans), &:lang(lzh-Hant) {
        @include draw-bottom;
        background-image: $em-image;
}

}

cite {

&:lang(*-Hans), &:lang(*-Hant) {
        @include draw-bottom;
        background-image: $cite-image;
}

&:lang(cmn-Hans), &:lang(cmn-Hant),
&:lang(wuu-Hans), &:lang(wuu-Hant),
&:lang(czh-Hans), &:lang(czh-Hant),
&:lang(hak-Hans), &:lang(hak-Hant),
&:lang(yue-Hans), &:lang(yue-Hant),
&:lang(nan-Hans), &:lang(nan-Hant),
&:lang(cpx-Hans), &:lang(cpx-Hant),
&:lang(cdo-Hans), &:lang(cdo-Hant),
&:lang(mnp-Hans), &:lang(mnp-Hant),
&:lang(zco-Hans), &:lang(zco-Hant),
&:lang(gan-Hans), &:lang(gan-Hant),
&:lang(hsn-Hans), &:lang(hsn-Hant),
&:lang(cjy-Hans), &:lang(cjy-Hant),
&:lang(lzh-Hans), &:lang(lzh-Hant) {
        @include draw-bottom;
        background-image: $cite-image;
}

}

.ml-card-anchor {

background: $card-colour;
color: $levity-colour;

h2 {
        color: $normal-colour;
}

&:hover {
        background-color: fade-out($indication-colour, 0.05);
        color: $heavy-colour;
}

}

.ml-card-list {

border-left: 2px solid $normal-colour;

}

.ml-card-list dt::before {

border: 2px solid $normal-colour;
background: $bgcolour;
border-radius: 1em;

}