:root {
    /* Font Variables */
    --font-base: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    --font-size-base: 16px;
    --font-size-large: 18px;
    --font-size-small: 12px;
    --font-weight-bold: 600;

    /* Text Colors */
    --color-text: #24292e; /* Base text color */
    --color-secondary: #586069; /* Secondary text, muted */
    --color-muted: #959da5; /* Less prominent text */
    --color-link-dark: #032f62; /* Dark link color */
    --color-primary: #0366d6; /* Links and primary actions */
    --color-highlight: #6f42c1; /* Highlighted text */
    --color-accent: #735c0f; /* Subtle accent color */

    /* Background Colors */
    --color-bg: #fafbfc; /* General background */
    --color-bg-light: #ffffff; /* Light background (cards, containers) */
    --color-bg-dark: #24292e; /* Dark background (header, footer) */
    --color-bg-danger-light: #ffeef0; /* Light red background (warnings, errors) */
    --color-bg-success-light: #f0fff4; /* Light green background (success) */
    --color-bg-warning-light: #ffebda; /* Light orange background (cautions) */

    /* Border Colors */
    --color-border: #dfe2e5; /* General borders */
    --color-border-light: #e1e4e8; /* Light borders */

    /* Syntax Highlighting Colors */
    --color-success: #22863a; /* Success (green) */
    --color-success-light: #f0fff4; /* Light success background */
    --color-danger: #d73a49; /* Errors (red) */
    --color-danger-dark: #b31d28; /* Darker error red */
    --color-warning: #e36209; /* Warnings (orange) */
    --color-info: #005cc5; /* Informational text (blue) */

    /* Interactive States */
    --color-active: #ffea7f; /* Active state highlight */
    --color-hover: #005cc5; /* Hover states for links/buttons */

    /* Grayscale */
    --color-gray-light: #fafbfc; /* Very light gray */
    --color-gray-medium: #e1e4e8; /* Medium gray */
    --color-gray-dark: #586069; /* Dark gray */

    /* Miscellaneous */
    --color-background-code: rgba(27, 31, 35, 0.05); /* Code background */
    --color-highlight-line: #ffea7f; /* Line highlight in code */

    /* Spacing Variables */
    --spacing-small: 4px;
    --spacing-medium: 8px;
    --spacing-large: 16px;

    /* Border and Radius Variables */
    --border-radius: 3px;
    --border-width: 1px;

    /* Transition Variables */
    --transition: all 0.2s ease-in-out;
}



/* markdown CSS
	by : https://github.com/sindresorhus/github-markdown-css
*/
@font-face {
	font-family: octicons-link;
	src: url(data:font/woff;charset=utf-8;base64,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) format('woff')
}

.markdown-body .octicon {
    display: inline-block;
    fill: currentColor;
    vertical-align: text-bottom;
}

.markdown-body .anchor {
    float: left;
    line-height: 1;
    margin-left: calc(var(--spacing-large) * -1.25);
    padding-right: var(--spacing-small);
}

.markdown-body .anchor:focus {
    outline: none;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: var(--color-text);
    vertical-align: middle;
    visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
    text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible;
}

.markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: var(--color-text);
    line-height: 1.5;
    font-family: var(--font-base);
    font-size: var(--font-size-base);
    word-wrap: break-word;
}

.markdown-body .pl-c {
    color: var(--color-secondary);
}


/* BLOCK 2 */
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
    color: var(--color-primary);
}

.markdown-body .pl-e,
.markdown-body .pl-en {
    color: var(--color-highlight);
}

.markdown-body .pl-s .pl-s1,
.markdown-body .pl-smi {
    color: var(--color-text);
}

.markdown-body .pl-ent {
    color: var(--color-success, #22863a);
}

.markdown-body .pl-k {
    color: var(--color-danger, #d73a49);
}

.markdown-body .pl-pds,
.markdown-body .pl-s,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre {
    color: var(--color-link-dark, #032f62);
}

.markdown-body .pl-smw,
.markdown-body .pl-v {
    color: var(--color-warning, #e36209);
}

.markdown-body .pl-bu {
    color: var(--color-danger-dark, #b31d28);
}

.markdown-body .pl-ii {
    background-color: var(--color-danger-dark, #b31d28);
    color: var(--color-bg-light);
}

.markdown-body .pl-c2 {
    background-color: var(--color-danger);
    color: var(--color-bg-light);
}

.markdown-body .pl-c2:before {
    content: "^M";
}

.markdown-body .pl-sr .pl-cce {
    color: var(--color-success);
    font-weight: 700;
}

.markdown-body .pl-ml {
    color: var(--color-accent, #735c0f);
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
    color: var(--color-primary);
    font-weight: 700;
}

.markdown-body .pl-mi {
    color: var(--color-text);
    font-style: italic;
}

.markdown-body .pl-mb {
    color: var(--color-text);
    font-weight: 700;
}

.markdown-body .pl-md {
    background-color: var(--color-bg-danger-light, #ffeef0);
    color: var(--color-danger-dark);
}

.markdown-body .pl-mi1 {
    background-color: var(--color-bg-success-light, #f0fff4);
    color: var(--color-success);
}

.markdown-body .pl-mc {
    background-color: var(--color-bg-warning-light, #ffebda);
    color: var(--color-warning);
}

.markdown-body .pl-mi2 {
    background-color: var(--color-primary);
    color: var(--color-bg-light);
}

.markdown-body .pl-mdr {
    color: var(--color-highlight);
    font-weight: 700;
}

.markdown-body .pl-ba {
    color: var(--color-secondary);
}

.markdown-body .pl-sg {
    color: var(--color-muted, #959da5);
}

.markdown-body .pl-corl {
    color: var(--color-link-dark, #032f62);
    text-decoration: underline;
}

.markdown-body details {
    display: block;
}

.markdown-body summary {
    display: list-item;
}

.markdown-body a {
    background-color: transparent;
    color: var(--color-primary);
    text-decoration: none;
}

.markdown-body a:active,
.markdown-body a:hover {
    outline-width: 0;
}

.markdown-body strong {
    font-weight: bolder;
}

.markdown-body h1 {
    font-size: 2em;
    margin: calc(var(--spacing-medium) * 2) 0;
}

.markdown-body img {
    border-style: none;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
    font-family: var(--font-monospace);
    font-size: 1em;
}

.markdown-body hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.markdown-body input {
    font: inherit;
    margin: 0;
    overflow: visible;
}

.markdown-body [type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

.markdown-body * {
    box-sizing: border-box;
}

.markdown-body input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


/*  BLOCK 3 */
.markdown-body a:hover {
    text-decoration: underline;
}

.markdown-body strong {
    font-weight: var(--font-weight-bold);
}

.markdown-body hr {
    background: none;
    border: none;
    border-bottom: var(--border-width) solid var(--color-border);
    height: 0;
    margin: calc(var(--spacing-medium) * 1.5) 0;
    overflow: hidden;
}

.markdown-body hr:before,
.markdown-body hr:after {
    content: "";
    display: table;
}

.markdown-body hr:after {
    clear: both;
}

.markdown-body table {
    border-collapse: collapse;
    border-spacing: 0;
}

.markdown-body td,
.markdown-body th {
    padding: 0;
}

.markdown-body details summary {
    cursor: pointer;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body h1 {
    font-size: calc(var(--font-size-base) * 2);
}

.markdown-body h1,
.markdown-body h2 {
    font-weight: var(--font-weight-bold);
}

.markdown-body h2 {
    font-size: calc(var(--font-size-base) * 1.5);
}

.markdown-body h3 {
    font-size: calc(var(--font-size-base) * 1.25);
}

.markdown-body h3,
.markdown-body h4 {
    font-weight: var(--font-weight-bold);
}

.markdown-body h4 {
    font-size: var(--font-size-base);
}

.markdown-body h5 {
    font-size: var(--font-size-small);
}

.markdown-body h5,
.markdown-body h6 {
    font-weight: var(--font-weight-bold);
}

.markdown-body h6 {
    font-size: calc(var(--font-size-small) * 0.85);
}

.markdown-body p {
    margin-block-start: var(--spacing-small);
    margin-block-end: calc(var(--spacing-medium) * 1.25);
    margin-top: 0;
    margin-bottom: calc(var(--spacing-small) * 4.5);
}

.markdown-body blockquote {
    margin: 0;
}

.markdown-body ol,
.markdown-body ul {
    margin-top: 0;
	margin-bottom: calc(var(--spacing-small)* 4.5);
    padding-left: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
    list-style-type: lower-roman;
}

.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol {
    list-style-type: lower-alpha;
}

.markdown-body dd {
    margin-left: 0;
}

.markdown-body code,
.markdown-body pre {
    font-family: var(--font-monospace);
    font-size: calc(var(--font-size-small) * 1.1);
}

.markdown-body pre {
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body input::-webkit-inner-spin-button,
.markdown-body input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.markdown-body .border {
    border: var(--border-width) solid var(--color-border-light) !important;
}

.markdown-body .border-0 {
    border: none !important;
}

.markdown-body .border-bottom {
    border-bottom: var(--border-width) solid var(--color-border-light) !important;
}

.markdown-body .rounded-1 {
    border-radius: var(--border-radius) !important;
}

.markdown-body .bg-white {
    background-color: var(--color-bg-light) !important;
}

.markdown-body .bg-gray-light {
    background-color: var(--color-gray-light) !important;
}

.markdown-body .text-gray-light {
    color: var(--color-secondary) !important;
}

.markdown-body .mb-0 {
    margin-bottom: 0 !important;
}

/* block 4 */
.markdown-body .my-2 {
    margin-bottom: var(--spacing-medium) !important;
    margin-top: var(--spacing-medium) !important;
}

.markdown-body .pl-0 {
    padding-left: 0 !important;
}

.markdown-body .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.markdown-body .pl-1 {
    padding-left: var(--spacing-small) !important;
}

.markdown-body .pl-2 {
    padding-left: calc(var(--spacing-small) * 2) !important;
}

.markdown-body .py-2 {
    padding-top: calc(var(--spacing-small) * 2) !important;
    padding-bottom: calc(var(--spacing-small) * 2) !important;
}

.markdown-body .pl-3,
.markdown-body .px-3 {
    padding-left: var(--spacing-large) !important;
}

.markdown-body .px-3 {
    padding-right: var(--spacing-large) !important;
}

.markdown-body .pl-4 {
    padding-left: calc(var(--spacing-large) * 1.5) !important;
}

.markdown-body .pl-5 {
    padding-left: calc(var(--spacing-large) * 2) !important;
}

.markdown-body .pl-6 {
    padding-left: calc(var(--spacing-large) * 2.5) !important;
}

.markdown-body .f6 {
    font-size: var(--font-size-small) !important;
}

.markdown-body .lh-condensed {
    line-height: 1.25 !important;
}

.markdown-body .text-bold {
    font-weight: var(--font-weight-bold) !important;
}

.markdown-body:before {
    content: "";
    display: table;
}

.markdown-body:after {
    clear: both;
    content: "";
    display: table;
}

.markdown-body>:first-child {
    margin-top: 0 !important;
}

.markdown-body>:last-child {
    margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none;
}

.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
    margin-top: 0;
}

.markdown-body hr {
    background-color: var(--color-border-light);
    border: none;
    height: 0.25em;
    margin: calc(var(--spacing-large) * 1.5) 0;
    padding: 0;
}

.markdown-body blockquote {
    border-left: calc(var(--border-width) * 4) solid var(--color-border);
    color: var(--color-secondary);
    padding: 0 calc(var(--spacing-large) / 2);
}

.markdown-body blockquote>:first-child {
    margin-top: 0;
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0;
}

.markdown-body kbd {
    background-color: var(--color-gray-light);
    border: var(--border-width) solid var(--color-border-light);
    border-bottom-color: var(--color-muted);
    border-radius: var(--border-radius);
    box-shadow: inset 0 -1px 0 var(--color-muted);
    color: var(--color-text);
    display: inline-block;
    font-size: calc(var(--font-size-small) * 0.85);
    line-height: calc(var(--font-size-small) * 0.7);
    padding: calc(var(--spacing-small) / 2) var(--spacing-small);
    vertical-align: middle;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    margin-top: calc(var(--spacing-large) * 1.5);
    margin-bottom: var(--spacing-large);
}

.markdown-body h1 {
    font-size: calc(var(--font-size-base) * 2);
}

.markdown-body h1,
.markdown-body h2 {
    border-bottom: var(--border-width) solid var(--color-border-light);
    padding-bottom: calc(var(--spacing-small) * 0.75);
}

.markdown-body h2 {
    font-size: calc(var(--font-size-base) * 1.5);
}

.markdown-body h3 {
    font-size: calc(var(--font-size-base) * 1.25);
}

.markdown-body h4 {
    font-size: var(--font-size-base);
}

.markdown-body h5 {
    font-size: calc(var(--font-size-base) * 0.875);
}

.markdown-body h6 {
    color: var(--color-secondary);
    font-size: calc(var(--font-size-base) * 0.85);
}


/* block 5 */
.markdown-body ol,
.markdown-body ul {
    padding-left: calc(var(--spacing-large) * 2);
}

.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body li {
    word-wrap: break-word;
}

.markdown-body li > p {
    margin-top: calc(var(--spacing-large) * 1);
}

.markdown-body li + li {
    margin-top: calc(var(--spacing-small) / 2);
}

.markdown-body dl {
    padding: 0;
}

.markdown-body dl dt {
    font-size: var(--font-size-base);
    font-style: italic;
    font-weight: var(--font-weight-bold);
    margin-top: calc(var(--spacing-large) * 1);
    padding: 0;
}

.markdown-body dl dd {
    margin-bottom: calc(var(--spacing-large) * 1);
    padding: 0 calc(var(--spacing-large) * 1);
}

.markdown-body table {
    display: block;
    overflow: auto;
    width: 100%;
}

.markdown-body table th {
    font-weight: var(--font-weight-bold);
}

.markdown-body table td,
.markdown-body table th {
    border: var(--border-width) solid var(--color-border);
    padding: calc(var(--spacing-small) * 1.5) calc(var(--spacing-large) / 2);
}

.markdown-body table tr {
    background-color: var(--color-bg-light);
    border-top: var(--border-width) solid var(--color-border-light);
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--color-gray-light);
}

.markdown-body img {
    background-color: var(--color-bg-light);
    box-sizing: content-box;
    max-width: 100%;
}

.markdown-body img[align="right"] {
    padding-left: calc(var(--spacing-large) * 1.25);
}

.markdown-body img[align="left"] {
    padding-right: calc(var(--spacing-large) * 1.25);
}

.markdown-body code {
    background-color: var(--color-background-code);
    border-radius: var(--border-radius);
    font-size: 85%;
    margin: 0;
    padding: calc(var(--spacing-small) / 2) calc(var(--spacing-small) * 1);
}

.markdown-body pre {
    word-wrap: normal;
}

.markdown-body pre > code {
    background: none;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    white-space: pre;
    word-break: normal;
}

.markdown-body .highlight {
    margin-bottom: calc(var(--spacing-large) * 1);
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
    font-size: 85%;
    line-height: 1.45;
    overflow: auto;
    padding: calc(var(--spacing-large) * 1);
}

.markdown-body pre code {
    background-color: transparent;
    border: 0;
    display: inline;
    line-height: inherit;
    margin: 0;
    max-width: auto;
    overflow: visible;
    padding: 0;
    word-wrap: normal;
}

.markdown-body .commit-tease-sha {
    color: var(--color-muted);
    display: inline-block;
    font-family: var(--font-monospace);
    font-size: 90%;
}

.markdown-body .blob-wrapper {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    overflow-x: auto;
    overflow-y: hidden;
}

.markdown-body .blob-wrapper-embedded {
    max-height: 240px;
    overflow-y: auto;
}

.markdown-body .blob-num {
    color: rgba(27, 31, 35, 0.3);
    cursor: pointer;
    font-family: var(--font-monospace);
    font-size: var(--font-size-small);
    line-height: 20px;
    min-width: 50px;
    padding-left: calc(var(--spacing-small) * 2.5);
    padding-right: calc(var(--spacing-small) * 2.5);
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 1%;
}

.markdown-body .blob-num:hover {
    color: rgba(27, 31, 35, 0.6);
}

.markdown-body .blob-num:before {
    content: attr(data-line-number);
}

.markdown-body .blob-code {
    line-height: 20px;
    padding-left: calc(var(--spacing-small) * 2.5);
    padding-right: calc(var(--spacing-small) * 2.5);
    position: relative;
    vertical-align: top;
}

.markdown-body .blob-code-inner {
    color: var(--color-text);
    font-family: var(--font-monospace);
    font-size: var(--font-size-small);
    overflow: visible;
    white-space: pre;
    word-wrap: normal;
}

.markdown-body .pl-token.active,
.markdown-body .pl-token:hover {
    background: var(--color-active);
    cursor: pointer;
}

.markdown-body kbd {
    background-color: var(--color-gray-light);
    border: var(--border-width) solid var(--color-border-light);
    border-bottom-color: var(--color-muted);
    border-radius: var(--border-radius);
    box-shadow: inset 0 -1px 0 var(--color-muted);
    color: var(--color-text);
    display: inline-block;
    font: calc(var(--font-size-small) * 0.9) var(--font-monospace);
    line-height: calc(var(--font-size-small) * 0.8);
    padding: calc(var(--spacing-small) / 2) var(--spacing-small);
    vertical-align: middle;
}


/* BREAK */

.markdown-body :checked + .radio-label {
    border-color: var(--color-primary);
    position: relative;
    z-index: 1;
}

.markdown-body .tab-size[data-tab-size="1"] {
    -moz-tab-size: 1;
    tab-size: 1;
}

.markdown-body .tab-size[data-tab-size="2"] {
    -moz-tab-size: 2;
    tab-size: 2;
}

.markdown-body .tab-size[data-tab-size="3"] {
    -moz-tab-size: 3;
    tab-size: 3;
}

.markdown-body .tab-size[data-tab-size="4"] {
    -moz-tab-size: 4;
    tab-size: 4;
}

.markdown-body .tab-size[data-tab-size="5"] {
    -moz-tab-size: 5;
    tab-size: 5;
}

.markdown-body .tab-size[data-tab-size="6"] {
    -moz-tab-size: 6;
    tab-size: 6;
}

.markdown-body .tab-size[data-tab-size="7"] {
    -moz-tab-size: 7;
    tab-size: 7;
}

.markdown-body .tab-size[data-tab-size="8"] {
    -moz-tab-size: 8;
    tab-size: 8;
}

.markdown-body .tab-size[data-tab-size="9"] {
    -moz-tab-size: 9;
    tab-size: 9;
}

.markdown-body .tab-size[data-tab-size="10"] {
    -moz-tab-size: 10;
    tab-size: 10;
}

.markdown-body .tab-size[data-tab-size="11"] {
    -moz-tab-size: 11;
    tab-size: 11;
}

.markdown-body .tab-size[data-tab-size="12"] {
    -moz-tab-size: 12;
    tab-size: 12;
}

.markdown-body .task-list-item {
    list-style-type: none;
}

.markdown-body .task-list-item + .task-list-item {
    margin-top: var(--spacing-small);
}

.markdown-body .task-list-item input {
    margin: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) * 0.625) calc(var(--spacing-medium) * -2);
    vertical-align: middle;
}

.markdown-body hr {
    border-bottom-color: var(--color-border-light);
}

.markdown-body .pl-0 {
    padding-left: 0 !important;
}

.markdown-body .pl-1 {
    padding-left: var(--spacing-small) !important;
}

.markdown-body .pl-2 {
    padding-left: calc(var(--spacing-small) * 2) !important;
}

.markdown-body .pl-3 {
    padding-left: var(--spacing-large) !important;
}

.markdown-body .pl-4 {
    padding-left: calc(var(--spacing-large) * 1.5) !important;
}

.markdown-body .pl-5 {
    padding-left: calc(var(--spacing-large) * 2) !important;
}

.markdown-body .pl-6 {
    padding-left: calc(var(--spacing-large) * 2.5) !important;
}

.markdown-body .pl-7 {
    padding-left: calc(var(--spacing-large) * 3) !important;
}

.markdown-body .pl-8 {
    padding-left: calc(var(--spacing-large) * 4) !important;
}

.markdown-body .pl-9 {
    padding-left: calc(var(--spacing-large) * 5) !important;
}

.markdown-body .pl-10 {
    padding-left: calc(var(--spacing-large) * 6) !important;
}

.markdown-body .pl-11 {
    padding-left: calc(var(--spacing-large) * 7) !important;
}

.markdown-body .pl-12 {
    padding-left: calc(var(--spacing-large) * 8) !important;
}


* {
    box-sizing: border-box;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

::placeholder {
    color: var(--color-muted);
    opacity: 1;
}

body {
    font-family: var(--font-base);
    margin: 0;
    padding: 0;
    position: relative;
}

.active a {
    color: var(--color-danger);
    font-weight: var(--font-weight-bold);
}

a.current {
    color: var(--color-danger);
    font-weight: var(--font-weight-bold);
}

.spacer {
    padding: calc(var(--spacing-large) * 2);
}

.header {
    position: fixed;
    display: flex;
    padding: calc(var(--spacing-small) * 2);
    font-size: var(--font-size-small);
    line-height: 1.5;
    width: 100%;
    z-index: 99;
    color: hsla(0, 0%, 100%, 0.7);
    background-color: var(--color-bg-dark);
    box-sizing: border-box;
}

.header a.pizza {
    font-size: calc(var(--font-size-base) * 1.5);
    margin: calc(var(--spacing-small) * 0.75);
}

.header a.scrh {
    display: none;
}


/* BREAK 7 */
.title {
    padding: var(--spacing-small) calc(var(--spacing-large) * 2.8125);
    width: 100%;
}

.title a.logo {
    font-size: calc(var(--font-size-base) * 1.25);
    float: left;
}

.title img {
    height: calc(var(--font-size-base) * 1.375);
    margin: var(--spacing-small) calc(var(--spacing-small) * 1.25) 0;
    float: right;
}

.search {
    float: right;
}

.search input {
    background: var(--color-gray-dark);
    border: var(--border-width) solid var(--color-gray-dark);
    padding: var(--spacing-small);
    width: 300px;
    color: var(--color-bg-light);
}

.chess {
    transition: var(--transition);
    visibility: hidden;
}

.cake {
    margin: 0 auto !important;
}

.side {
    width: 300px;
    position: fixed;
    height: 100%;
    padding: calc(var(--spacing-large) * 4.5) 0 calc(var(--spacing-large) * 2) calc(var(--spacing-medium)*2);    background-color: var(--color-bg);
    border-right: var(--border-width) solid var(--color-border);
    font-size: calc(var(--font-size-small) * 1.1667);
    margin-right: var(--spacing-medium);
    overflow-y: auto;
}

.side ul {
    list-style: none;
    margin: calc(var(--spacing-small) * 1.25) 0;
    padding-left: calc(var(--spacing-medium) * 2.5);
}

.side li.child {
    padding-left: var(--spacing-medium);
}

.side h2 {
    margin: 0;
    padding: 0;
    font-size: calc(var(--font-size-base) * 1.2);
}

.side a {
    text-decoration: none;
    color: var(--color-primary);
    font-size: calc(var(--font-size-base) * 1.1);
}

.side a:hover,
.side a:active {
    text-decoration: underline;
}

.header a {
    font-weight: var(--font-weight-bold);
    color: var(--color-bg-light);
    white-space: nowrap;
    text-decoration: none;
}

.header a:hover {
    color: var(--color-muted);
}

.header ul {
    list-style: none;
    position: relative;
    margin: 0 auto;
    float: left;
}

.header li {
    float: left;
    margin-right: var(--spacing-large) !important;
}

.markdown-body {
    box-sizing: border-box;
    min-width: 200px;
    max-width: 980px;
    margin: 0 0 0 330px;
    padding-bottom: var(--spacing-large);
    padding-right: var(--spacing-large);
}

.markdown-body p {
    font-size: var(--font-size-large);
}

.next {
    float: right;
    background: var(--color-gray-medium);
    padding: var(--spacing-small) calc(var(--spacing-medium) * 1.25);
}

.prev {
    float: left;
    background: var(--color-gray-medium);
    padding: var(--spacing-small) calc(var(--spacing-medium) * 1.25);
}

/* BREAK 8 */
@media only screen and (max-width: 480px) {
    .markdown-body {
        margin: 0 auto;
        padding: var(--spacing-large);
    }

    .markdown-body p {
        font-size: var(--font-size-base);
    }

    .header a.scrh {
        font-size: calc(var(--font-size-base) * 2.5);
        margin: var(--spacing-small);
        display: block;
        line-height: calc(var(--font-size-base) * 1.375);
    }

    .search {
        display: none;
    }

    .title {
        padding: 0;
    }

    .title img {
        display: none;
    }

    .title img.stars {
        display: block !important;
        margin: var(--spacing-medium) 0;
        float: left;
    }

    .title a.logo {
        display: block;
        padding: var(--spacing-small) calc(var(--spacing-large) * 1.25);
    }

    .chess {
        display: block;
        visibility: visible !important;
    }

    .side {
        visibility: hidden;
        padding-top: calc(var(--spacing-large) * 3.75);
    }

    .cake {
        margin: 0 0 0 330px !important;
    }

    .show {
        display: block !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .markdown-body {
        padding: calc(var(--spacing-large) * 1.5625);
    }

    .header a.scrh {
        font-size: calc(var(--font-size-base) * 2.5);
        margin: var(--spacing-small);
        display: none;
        line-height: calc(var(--font-size-base) * 1.375);
    }

    .search {
        display: block;
        padding: var(--spacing-medium) calc(var(--spacing-large) * 0.9375);
    }

    .show {
        display: block !important;
    }

    .title {
        padding: 0;
    }

    .title a.logo {
        display: block;
        padding: var(--spacing-small) calc(var(--spacing-large) * 0.9375);
    }

    .title img {
        display: none;
    }

    .title img.stars {
        display: block !important;
        margin: var(--spacing-medium) 0;
        float: left;
    }
}
