:root {
    --color-markdown-code-bg: rgba(27,31,35,0.05);
    --color-markdown-blockquote-border: #dfe2e5;
    --color-markdown-table-border: #dfe2e5;
    --color-markdown-table-tr-border: #c6cbd1;
}

html { scroll-padding-top: 80px; }

path { fill: var(--bs-tertiary-color) }

.dropdown-item:active {
    background: transparent;
}

.fs-7 {
    font-size: 0.85rem; 
}

.markdown-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}


.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
}

.markdown-body a {
    text-decoration: none;
}

.markdown-body a:hover {
    text-decoration: underline;
}


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

.markdown-body:after {
    clear: both
}

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

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

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


.markdown-body blockquote {
    padding: 0 1em;
    color: var(--bs-secondary);
    border-left: .25em solid var(--color-markdown-blockquote-border)
}

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

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

.markdown-body .anchor {
    color: var(--bs-dark);
    display:block;
    padding-top:25px;
}

.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}


.markdown-body h1 {
    font-size: 2em
}

.markdown-body h1,.markdown-body h2 {
    padding-bottom: .3em;
    border-bottom: 1px solid var(--bs-light-border-subtle)
}

.markdown-body h2 {
    font-size: 1.5em
}


.markdown-body ol,.markdown-body ul {
    padding-left: 2em
}


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

.markdown-body li+li {
    margin-top: .25em
}

.markdown-body code,.markdown-body tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    background-color: var(--color-markdown-code-bg);
    border-radius: 6px
}


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

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

.markdown-body .highlight {
    margin-bottom: 16px
}

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

.markdown-body .highlight pre,.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: var(--color-bg-tertiary);
    border-radius: 6px
}

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


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

.markdown-body table th {
    font-weight: 600
}

.markdown-body table td,.markdown-body table th {
    padding: 6px 13px;
    border: 1px solid var(--color-markdown-table-border)
}

.markdown-body table tr {
    background-color: var(--color-bg-primary);
    border-top: 1px solid var(--color-markdown-table-tr-border)
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--color-bg-tertiary)
}
.post-title {
    font-size: 1.1rem;
}
.markdown-body table img {
    background-color: initial
}

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

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}
.markdown-body {
  background: #0d1117;
  color: #c9d1d9;
}

.markdown-body pre {
  background: #161b22;
  border: 1px solid #30363d;
}


.gist-table {
  border: 1px solid #30363d;
  border-radius: 6px;
  overflow: hidden;
  background: #0d1117;
  color: #c9d1d9;
  font-size: 14px;
}

.gist-row {
  display: flex;
  border-bottom: 1px solid #21262d;
}

.gist-row:last-child {
  border-bottom: none;
}

.gist-key {
  width: 160px;
  padding: 10px;
  background: #161b22;
  border-right: 1px solid #21262d;
  font-weight: 600;
  text-transform: lowercase;
}

.gist-value {
  flex: 1;
  padding: 10px;
}

.gist-value a {
  color: #58a6ff;
  text-decoration: none;
}

.gist-value a:hover {
  text-decoration: underline;
}

.badge {
  display: inline-block;
  padding: 3px 8px;
  margin: 2px 6px 2px 0;
  font-size: 12px;
  background: #21262d;
  border: 1px solid #30363d;
  border-radius: 6px;
}
body {
  background: #0d1117;
  color: #c9d1d9;
}
.gist-file {
  border: 1px solid #30363d;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
}

.gist-header {
  background: #161b22;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #c9d1d9;
  border-bottom: 1px solid #30363d;
}

.gist-code pre {
  margin: 0;
  background: #0d1117 !important;
  padding: 12px;
}
.markdown-sticky-top {
  display: none !important;
}