@page {
    size: A4 portrait;
}

@page {
    @bottom-right {
        content: counter(page) " / " counter(pages);
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    page-break-after: avoid;
}

table,
figure {
    page-break-inside: avoid;
}

.site-header,
.site-aside,
.site-content,
.site-footer {
    page-break-inside: avoid;
}

/* fonts */
:root {
    font-size: 10pt;
}

.site {
    font-family: var(--ff-primary);
}

pre,
code {
    font-family: var(--ff-mono);
}

/* general */
* {
    box-sizing: border-box;
}

::before,
::after {
    box-sizing: inherit;
}

a,
a:visited {
    color: var(--color-green-700);
    text-decoration: none;
}

pre {
    padding: 0.4rem 0.5rem;
    border: 1.5px solid var(--color-green-500);
}

h1 {
    font-size: 1.8rem;
    text-align: center;
}

table {
    border-collapse: collapse;
    max-width: 100%;
    margin: auto;
}

table .compact {
    width: 0.1%;
    white-space: nowrap;
}

td,
th {
    padding: 0.2rem 0.3rem;
}

/* site */
.site {
    line-height: 1.3rem;
    color: var(--color-black);
}

.site-header,
.site-aside {
    display: inline-flex;
    margin: 0 0 1rem;;
    padding: 0;
    height: 4rem;
    align-items: center;
    justify-content: center;
    float: left;
}

.site-header {
    width: 24.9%;
    background: var(--color-green-500);
    color: var(--color-white);
}

.site-aside {
    width: 74.9%;
    background: var(--color-green-200);
    color: var(--color-black);
}

.site-footer {
    width: 100%;
    padding: 1px 1rem;
    background: var(--color-green-200);
    color: var(--color-black);
}

.site-aside a {
    color: inherit;
}

.site-logo a {
    color: inherit;
}

.site-breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-breadcrumb li {
    display: inline;
}

.site-breadcrumb li::after {
    content: " / ";
}

.site-theme {
    display: none;
}

/* Third party overrides */

/* lolight */
.ll-nam {
    color: var(--color-ll-nam);
}

.ll-num {
    color: var(--color-ll-num);
}

.ll-str {
    color: var(--color-ll-str);
}

.ll-rex {
    color: var(--color-ll-rex);
}

.ll-pct {
    color: var(--color-ll-pct);
}

.ll-key {
    color: var(--color-ll-key);
}

.ll-com {
    color: var(--color-ll-com);
}

[class^="ll-"] {
    font-weight: unset;
}

a [class^="ll-"] {
    color: unset;
}


/* KaTeX */
.katex {
    font-size: 1.165rem;
}