/**
* No Title as of 6 April 2026 75,498 Dead
* Loosely adapted from the margin notes used by Matthew Butterick and Edward Tufte
**/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@0,8..30,100..900;1,8..30,100..900&display=swap');

h1,
h2 {
    text-align: center;
}

hr::before {
    content: "\2619";
}

hr::after {
    content: "\2767";
}

hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

hr::before,
hr::after {
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

:root {
    --olive-drab: #6b8e23;
    --mojave-desert: rgb(232, 208, 174);
}

html {
    font-family: "Piazzolla", serif;
    line-height: 1.4;
}

body {
    background: url("/_static/cadpat.png");
    counter-reset: margin-number;
}

body:before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: rgb(232 208 174 / 70%);
}

div.body {
    background-color: white;
    padding-inline: 2em;
    margin-inline: auto;
    margin-block: 2em;
    border: 2px solid var(--olive-drab);
}

abbr {
    font-variant-caps: all-small-caps;
    letter-spacing: 0.1ch;
    border-bottom: none; /* Sphinx override */
}

.inline-blockquote {
    display: inline-block;
    font-style: italic;
    font-size: small;
    padding: 1ch 0 0 2ch;
}

.marginnote {
    font-weight: initial;
    font-style: initial;
    font-size: calc(5 / 6 * 100%);
    position: relative;
    display: none;
}

/* Checkbox hack for scriptless sidenotes */
input[type="checkbox"].toggle {
    display: none;
}

/* Styling for note numbers */
.marginnote-number::before,
.marginnote-label::before {
    counter-increment: margin-number;
}

.marginnote-number::before {
    content: "[" counter(margin-number) "]";
    color: blue;
}

.toggle:checked + .marginnote {
    display: block;
    width: calc(100% - 2rem - 2ch);
    float: left;
    margin-block: 0.3rem;
    margin-inline: 1rem;

    background-color: transparent;
    border-width: 0px;
}

.marginnote img {
    width: 100%;
}

.marginnote::before {
    position: absolute;
    right: calc(100% + 10px - 1ch);
    content: counter(margin-number);
    padding-inline: 1ch;
    background-color: white;
    border: 2px solid var(--olive-drab);
}

.toggle:checked + .marginnote::before {
    border: none;
    background-color: transparent;
}

.marginnote-number {
    font-variant: proportional-nums super;
    margin-inline: -0.4ch 0.4ch;
}

@media (min-width: 1494px) {
    .marginnote {
        padding: 1ch;
        display: block;
        width: 280px;
        margin-block-start: 0;
        margin-block-end: 0.3rem;
        background-color: white;
        border: 2px solid var(--olive-drab);
    }

    .marginnote.right,
    .margin-toggle:checked + .marginnote.right {
        float: right;
        clear: right;
        margin-right: -340px;
    }

    .marginnote.left,
    .margin-toggle:checked + .marginnote.left {
        float: left;
        clear: left;
        margin-left: -340px;
    }
}

/*
 * Easier than messing about with Sphinx
 */
div.related {
    display: none;
}