@import 'unset.less';
@import 'colors.less';

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

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

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

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

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

body {
    margin: 0;
    background-image: linear-gradient(100deg, var(--blue-1), var(--white) 20%, var(--white)70%, var(--blue-1))
}

body::selection {
    background-color: var(--blue-5);
}

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

button {
    cursor: pointer;
}

fieldset {
    margin-top: calc(var(--space) * 3);
}

#title-views {
    display: flex;
    gap: var(--space);
    align-items: center;
}

#site-icon {
    position: absolute;
}

#page a:link {
    color: var(--blue-6);
}

#page a.new, #page a.new {
    color: red;
    text-decoration: underline wavy;
}

#page a:not(.new):visited {
    color: var(--pink-6);
}

#page a:hover , #page a:visited:hover {
    color: var(--blue-4);
}

.pi-title {
    background-color: var(--gold-4);
}

#pagetitle {
    position: relative;
}

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

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

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

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

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

#titleblock {
    border-bottom: 3px solid var(--black);
    // margin-bottom: calc(var(--space) * 2);
    display: flex;
    align-items: end;
    justify-content: space-between;
}

#pagetitle {
    display: flex;
    // align-items: center;
}

#title-views {
    margin-left: auto;
    margin-bottom: calc(var(--space) / 2);
}

#versions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space);
    margin-left: 2vw;
}

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

#localNotice {
    width: 100%;
}

.sitenotice {
    display: flex;
    padding: calc(var(--space) * 3);
    justify-content: center;
    // background: linear-gradient(90deg, transparent, var(--blue-5) 20%, var(--blue-5) 70%, transparent);
    color: var(--gold-1);

    background: linear-gradient(to top, #ffffffff 0%, #000000ff 20%, #000000ff 80%, #ffffffff 100%), linear-gradient(to right, #ffffffff 0%, #000000ff 20%, #000000ff 80%, #ffffffff 100%), linear-gradient(to top, #667fdaff 0% 100%, #0000ffff 100%);background-blend-mode: color-dodge;
}


//     border-style: solid;
//     border-image: linear-gradient(150deg, var(--blue-5), white 30%) 1;
//     background-image: linear-gradient(150deg, var(--blue-5) 0%, var(--blue-3) 6%, var(--blue-2) 12%, white 30%)
// }


// #page-menu:focus-within {
//     border-style: solid;
//     border-image: linear-gradient(102deg, var(--blue-5),white 30%) 1;
//     background-image: linear-gradient(102deg, var(--blue-5) 0%, var(--blue-3) 6%, var(--blue-2) 12%, white 30%)
// }