@import 'unset.less';

@media (max-width: 1080px) {
    @import 'layout-touch.less';
}

@media (min-width: 1081px) {
    @import 'layout-mouse.less';
}

@import 'topbar.less';
@import 'toc.less';

@import 'mediawiki.skin.variables.less';

@font-face {
    font-family: "Libre Caslon";
    src: url('/resources/assets/Libre_Caslon_Text/LibreCaslonText-Regular.ttf');
}

:root {
    --space: .6em;
}

body {
    margin: 0;
}

#firstHeading {
    margin-bottom: .1em;
    margin-top: auto;
}

#firstHeading, .mw-heading h2 {
    font-family: 'Libre Caslon', serif;
}

.mw-heading {
    display: flex;
    margin-bottom: calc(var(--space));
}

p {
    margin-bottom: calc(var(--space) * 2);
    line-height: calc(var(--space) * 3);
}

.nav-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space);
}

.nav-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.nav-toc {
    position: sticky;
    top: calc(var(--space) * 2);
}

.mw-list-item.selected {
    display: none;
}

#titleblock {
    border-bottom: 3px solid black;
    margin-bottom: calc(var(--space) * 2);
}

#versions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space);
}

#t-print, #t-upload {
    display: none;
}

// #topbar {
//     background-color: yellow;

// }

// .nav-links {
//     background-color: blue;
// }

// .mw-list-item a, .mw-list-item a {
//     color: white;
// }


// .sidebar-page-menu {
//     background-color: purple;
// }

// #titleblock, #pagebody-header {
//     background-color: green;
// }

// #mw-content-text {
//     background-color: red;
// }

// #bottombar {
//     background-color: pink;
// }