/* Reduced Invotek CSS, modified by Bkerboy */
/*         Last updated Jun-18-2026         */

:root {
    font-size: 13px;
    line-height: 1.3;
    font-family: "Fredoka", sans-serif;
    color-scheme: light dark;
    --body: light-dark(#fff, #0f0f0f);
    --text: light-dark(#000, #fff);
    --signature: #5b00af;
}

@font-face {
    font-family: "JetBrains Mono";
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    src: local("Fredoka Regular"), url("/fonts/Fredoka-Regular.ttf");
}

@font-face {
    font-family: "Fredoka";
    font-display: swap;
    font-weight: 800;
    font-style: normal;
    src: local("Fredoka Bold"), url("/fonts/Fredoka-Bold.ttf");
}

body {
    visibility: visible;
    background-color: var(--body);
}

* {
    color: light-dark(#222, #ddd);
}

*:focus-visible {
    outline: 2px solid var(--signature);
}

body > div {
    border: solid var(--text);
    border-width: 2px 0;
}

main,
header {
    margin: 1em auto;
    max-width: 811px;
}

h1 {
    font-family: "Fredoka", sans-serif;
    font-weight: 800;
    text-align: center;
}

h1,
p {
    margin: 0;
}

a {
    color: var(--signature);
}

a:hover,
a:focus {
    color: var(--body);
    background-color: var(--signature);
}

details[open] {
    border-bottom: #777 solid 2px;
    margin: 4px 0;
    padding-bottom: 2px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

summary {
    white-space: pre;
}

details[open] summary {
    margin-bottom: 4px;
}

details:not([open]) summary:hover:not(:has(a:hover)) {
    outline: 1px solid var(--signature);
}

details[open]:has(summary:hover),
details[open]:has(summary:focus-visible) {
    outline: 1px solid var(--signature);
    border-bottom: none;
    padding-bottom: 4px;
}

details[open]:has(summary:focus-visible) {
    outline-width: 2px;
    outline-offset: 2px;
}

details[open] summary:focus-visible {
    outline: none;
}

details > div {
    overflow-x: auto;
    white-space: nowrap;
}

.hash {
    color: light-dark(#555, #999);
    user-select: all;
}

.hash:hover {
    color: var(--text);
    background-color: #5b00af44;
}
