@import url(pico.min.css);
@import url(pico.colors.min.css);

:root:not([data-theme=dark]), [data-theme=light] {
    --pico-muted-border-color: var(--pico-color-sand-150);
}

html { 
    margin-left: calc(100vw - 100%);
    background-color: var(--pico-color-sand-100);
}

a {
    text-decoration-color: var(--pico-color-sand-950);
    color: var(--pico-color-sand-950);
}

hr {
    border-top: 1px solid var(--pico-color-sand-650);
}

a:hover {
    text-decoration-color: var(--pico-color-sand-600);
    color: var(--pico-color-sand-600);
}

.ccobra_button {
    background-color: var(--pico-color-sand-350);
    border: 0.1em solid var(--pico-color-sand-750);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: var(--pico-color-sand-950);
}

.ccobra_button:hover,
.ccobra_button:focus {
    background-color: var(--pico-color-sand-250);
    border: 0.1em solid var(--pico-color-sand-650);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.ccobra_button:active {
    background-color: var(--pico-color-sand-200);
    border: 0.1em solid var(--pico-color-sand-550);
    box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-color-sand-250);
}

.accordion {
    background-color: var(--pico-color-sand-450);
    border: 0.1em solid var(--pico-color-sand-750);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.accordion:hover,
.accordion:focus {
    background-color: var(--pico-color-sand-400);
    border: 0.1em solid var(--pico-color-sand-650);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.accordion:active {
    background-color: var(--pico-color-sand-350);
    border: 0.1em solid var(--pico-color-sand-550);
    box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-color-sand-350);
}

#reference_content {
    text-align: left;
    padding-left: 25px;
}