@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');


:root {
    --font-stack-body: "Atkinson Hyperlegible Next", sans-serif;
    --font-stack-headings: "Atkinson Hyperlegible Next", sans-serif;
    --font-stack-monospace: "Courier New", monospace;
    /* Optional, if you want to keep code blocks unchanged */
}


/* Ensure all elements follow the font */
body,
.bd-container {
    font-family: var(--font-stack-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-stack-headings) !important;
}

/* Section version drop-down (_static/version-switcher.js) */
.version-switcher {
    padding: 0 var(--sidebar-item-spacing-horizontal);
    margin-bottom: var(--sidebar-item-spacing-vertical);
}

.version-switcher-label {
    display: block;
    margin-bottom: 0.25rem;
    font-size: var(--sidebar-caption-font-size);
    font-weight: bold;
    color: var(--color-sidebar-caption-text);
}

.version-switcher-select {
    width: 100%;
    padding: 0.35rem 0.5rem;
    font-family: inherit;
    font-size: var(--sidebar-item-font-size);
    color: var(--color-foreground-primary);
    background: var(--color-background-primary);
    border: 1px solid var(--color-background-border);
    border-radius: 0.25rem;
}

/* A section's own drop-down under its title in the sidebar tree, shown while expanded */
.sidebar-tree .version-switcher-section {
    margin: 0.25rem 0 0.5rem;
    padding: 0 var(--sidebar-item-spacing-horizontal) 0 calc(var(--sidebar-item-spacing-horizontal) + var(--sidebar-item-spacing-horizontal));
}

.sidebar-tree .toctree-checkbox:not(:checked)~.version-switcher-section {
    display: none;
}

/* An older section version: its pages take the place of the current ones */
.sidebar-tree .section-version-pages>a,
.sidebar-tree .section-version-pages>input,
.sidebar-tree .section-version-pages>label {
    display: none;
}

.sidebar-tree .section-version-pages>ul {
    display: block;
    margin-left: 0;
}

a.image-reference {
    position: relative;
}
a.image-reference img {
    transition: .3s;
}

a.image-reference:hover::after {
    content: "Click to enlarge";
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    pointer-events: none;
}

a.image-reference img:hover {
    opacity: 0.9;
    cursor: zoom-in;
}