@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;
}

.branch-selector {
    margin: 0.75rem 1rem 1rem;
    padding: 0.75rem;
    border: 1px solid var(--color-background-border);
    border-radius: 0.4rem;
    background: var(--color-background-secondary);
}

.branch-selector summary {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 1.25rem;
}

.branch-selector summary::-webkit-details-marker {
    display: none;
}

.branch-selector summary::after {
    content: "\25be";
    position: absolute;
    right: 0;
    top: 0.35rem;
}

.branch-selector details[open] summary::after {
    transform: rotate(180deg);
}

.branch-selector-label,
.branch-selector strong,
.branch-selector small {
    display: block;
}

.branch-selector-label,
.branch-selector small {
    color: var(--color-foreground-secondary);
    font-size: 0.8rem;
}

.branch-selector ul {
    list-style: none;
    margin: 0.65rem 0 0;
    padding: 0;
}

.branch-selector a {
    display: block;
    padding: 0.5rem;
    border-radius: 0.25rem;
    text-decoration: none;
}

.branch-selector a:hover,
.branch-selector a:focus-visible,
.branch-selector a[aria-current] {
    background: var(--color-background-hover);
}

.branch-selector-release {
    margin-top: 0.5rem;
    overflow-wrap: anywhere;
}

/* Paired artwork follows Furo's Light, Dark, Auto, and print visibility rules. */
.architecture-figure img {
    display: block;
    box-sizing: border-box;
    padding: 1rem;
    background: var(--color-background-primary);
    border: 1px solid var(--color-background-border);
    border-radius: 2px;
}