[data-md-color-scheme="goeshard"] {
    --md-primary-fg-color: #3a2f55;
    --md-accent-fg-color: #427651;
    --md-typeset-a-color: #25472f;
    --md-default-bg-color: #9e8fc3;
    --md-code-bg-color: #d2cce4;
    --bg-content-color: #c7bfdd;
    --heading-color: #25472f;
    --label-color: #5b5865;
    --passed-toc-color: var(--label-color);
}

:root {
    --hue: 290;
    --bright: 10;
    --darkest-bright: calc(var(--bright) * 1%);
    --darker-bright: calc((var(--bright) + 2) * 1%);
    --dark-bright: calc((var(--bright) + 4) * 1%);
    --very-dark-bright: calc((var(--bright) - 5) * 1%);
    --fg-color: hsl(var(--hue),100%,89%);
    --bg-color: hsl(var(--hue),84%,var(--darkest-bright));

    --bg-head-color: hsl(var(--hue),84%,var(--darker-bright));
    --bg-color-half-opacity: hsla(var(--hue), 84%, var(--darker-bright), 0.5);
    --faint-color: hsl(var(--hue),64%,64%);
    --fainter-color: hsl(var(--hue),44%,44%);
    --link-br: 73%;
    --hover: 22%; 

    --link-t: var(--hue), 100%, var(--link-br);
    --hi-t: var(--hue), 100%, calc(var(--link-br) + var(--hover));
    --link-c: hsl(var(--link-t));
    --ul-c: hsla(var(--link-t), 30%);
    --hi-c: hsl(var(--hi-t));
    --ul-hi-c: hsla(var(--hi-t), 60%);
    --glow-c: hsla(var(--link-t), 50%);

    --complement-color: hsl(calc(var(--hue) + 180), 50%, 65%);
}



[data-md-color-scheme="serenity"] {
    --md-primary-fg-color: var(--bg-head-color);
    --md-accent-fg-color: var(--faint-color);
    --md-typeset-a-color: var(--link-c);
    --md-default-bg-color: var(--bg-color);
    --md-code-bg-color: hsl(var(--hue), 71%, var(--very-dark-bright));
    --md-typeset-color: var(--fg-color);
    --bg-content-color: hsl(var(--hue),84%,var(--darker-bright));
    /* --heading-color: var(--faint-color); */
    --heading-color: var(--complement-color);
    --passed-toc-color: var(--fainter-color);
    --label-color: var(--fainter-color);

    --md-code-fg-color: hsl(var(--hue), 100%, 70%);
    --md-code-hl-color: hsl(calc(var(--hue) - 30), 80%, 50%);;
    --md-code-hl-number-color: hsl(var(--hue), 100%, 70%);
    --md-code-hl-special-color: hsl(calc(var(--hue) + 30), 50%, 60%);
    --md-code-hl-function-color: hsl(calc(var(--hue) - 40), 70%, 70%);
    --md-code-hl-constant-color: hsl(calc(var(--hue)), 80%, 50%);
    --md-code-hl-keyword-color: hsl(var(--hue), 100%, 70%);
    --md-code-hl-string-color: hsl(calc(var(--hue) - 20), 90%, 70%);
    --md-code-hl-name-color: hsl(calc(var(--hue)), 80%, 50%);
    --md-code-hl-operator-color: hsl(var(--hue), 100%, 70%);
    --md-code-hl-punctuation-color: hsl(var(--hue), 100%, 70%);
    --md-code-hl-comment-color: hsl(var(--hue), 30%, 30%);;
    --md-code-hl-generic-color: hsl(calc(var(--hue) - 20), 50%, 65%);
    --md-code-hl-variable-color: hsl(calc(var(--hue) - 30), 80%, 50%);
}

[data-md-color-scheme="dark"] {
    --md-primary-fg-color: #272528;
    --md-default-bg-color: #383439;
    --bg-content-color: #32312f;
    --md-typeset-color: #b2b4a6;
    --md-typeset-a-color: var(--link-c);
}

body {
    background: var(--md-default-bg-color);
}

body article {
    background: var(--bg-content-color);
    padding: 1rem;
    position: relative;
    border-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.md-post[data-md-color-scheme="goeshard"] {
    background: var(--bg-content-color);
}

h1, h2, h3, h4, h5,
.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3, 
.md-typeset h4,
.md-typeset h5,
.md-typeset h1 a, 
.md-typeset h2 a, 
.md-typeset h3 a, 
.md-typeset h4 a,
.md-typeset h5 a {
    font-family: "Teko", sans-serif;
    font-weight: bold !important;
    color: var(--heading-color) !important;
}

.md-author img {
    margin: 0 0 !important;
}

div.md-nav__container > a > span {
    font-weight: bold;
}

.md-content a {
    font-weight: bold !important;
}



body nav.md-post__action a {
    font-size: 1.3em;
}

.md-nav--primary .md-nav__title,
.md-nav--lifted>.md-nav__list>.md-nav__item--active>.md-nav__link,
.md-nav--secondary .md-nav__title {
    background: unset;
    box-shadow: unset;
}


.md-profile__description {
    font-size: 0.75rem;
}

.md-author-name {
    font-size: 0.9rem;
    font-weight: bold;
}

.md-author {
    float: left;
}

.md-content img, .md-content__inner svg {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.md-footer {
    z-index: 1;
}


.md-nav {
    margin-left: auto !important;
}

.md-sidebar--primary a {
    font-family: "Teko", sans-serif;
    color: var(--md-typeset-a-color) !important;
    
}

.md-sidebar--primary a:hover {
    font-family: "Teko", sans-serif;
    color: var(--md-accent-fg-color) !important;
    font-weight: bold;
}

.button-icon-links a:hover {
    font-weight: normal !important;
    font-family: inherit !important;
}

.md-sidebar--primary .md-nav__list:first-of-type {
    font-size: 1.0em !important;
}

/* Hide Archive */
/* #__nav_1_2_label {
    display: none;
}
#__nav_1_2_label + nav {
    display: none;
} */

.md-header .md-header__title,
header h1 {
    font-family: "Teko", sans-serif;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.15em !important;
    font-size: 2.5em;
}

/* hide ugly icon */
body > header > nav > a {
    display: none !important;
}

.video-wrapper {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.video-wrapper > iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

h1#goeshardorg { display: none; }

.button-icon-links {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
}

/* .button-icon-links svg {
    max-height: 1.4rem !important;
} */

footer .button-icon-links {
    display: flex;
    align-items: center; /* Vertically centers all children */
    justify-content: center; /* Horizontally centers (optional) */
    gap: 10px;
}

footer .webring-icon svg {
  vertical-align: middle; /* Helps with alignment */
  width: 32px !important; /* Larger, visible size */
  height: 36px !important;
}

footer .webring-icon svg:hover {
    fill: #fff !important;
}

/* Ensures the image is properly aligned */
footer .webring-icon img {
  vertical-align: middle; /* Fixes potential misalignment */
}

.md-post--excerpt {
    margin-bottom: unset !important;
}

/* Base styles - show all containers by default */
.divchan-post-container {
    display: inline-block;
}

/* For medium screens (e.g., tablets) - show 2 images */
@media (max-width: 668px) {
    .divchan-post-container:nth-child(n+3) {
        display: none;
    }
}

/* For small screens (e.g., phones) - show 1 image */
@media (max-width: 480px) {
    .divchan-post-container:nth-child(n+2) {
        display: none;
    }
}

.md-nav__title, label, .md-post__title, .md-post__meta, blockquote {
    color: var(--label-color) !important 
}

.md-nav__link--passed {
    color: var(--passed-toc-color);
}
 
header .md-icon svg {
    fill: var(--md-primary-bg-color);
}


.md-pagination__current {
    color: var(--md-typeset-color) !important;
}


.md-header__button,
.md-header__option,
.md-header,
.md-icon {
    user-select: none; /* Prevent text selection */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}

/* Optionally, apply to the parent container to prevent selection of nearby text */
.md-header__option, .md-icon {
    cursor: pointer; /* Ensure the cursor indicates interactivity */
}

.md-search__form, .md-search-result__meta, .md-search-result, .md-search__output, .md-search-result__article, .md-search-result__list, .md-search-result__item {
    color: var(--fg-color) !important;
}

/* 
.md-nav__list__columns .md-nav__item .md-nav__link,
.md-nav__list__columns .md-nav__item .md-ellipsis {
    display: inline-block;
}


@media (min-width: 1219px) {
    .md-nav__list__columns {
        display: flex;
        flex-wrap: wrap;
    }

    .md-nav__list__columns > .md-nav__item {
        flex: 0 0 50%;
    }

    .md-nav__list__columns > .md-nav__item:nth-child(odd) {
        text-align: left;
    }

    .md-nav__list__columns > .md-nav__item:nth-child(even) {
        text-align: left;
    }
} */