@charset "UTF-8";
/**
 * Reset some basic elements
 */
html {
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0;
}

/**
 * Basic styling
 */
body {
  font: 400 12pt/1.5 serif;
  color: #16161d;
  background-color: #fdfdfd;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  line-height: 1.5em;
  text-decoration-skip-ink: all;
}

abbr {
  cursor: help;
  border: none;
  text-decoration: none;
}

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
article section h1, article section h2, article section h3, article section h4, article section h5, article section h6, article section blockquote, article section pre, article section ul, article section ol, article section dl, article section figure,
article section summary, article section table, article section .highlight {
  margin-bottom: 0.9375rem;
}
article section p {
  margin-bottom: 0.9375rem;
}
article section ol p {
  margin-bottom: 0.9375rem;
}
article section ol ol {
  margin-bottom: auto;
}

div.footnotes ol p:not(:first-of-type) {
  margin-top: 0.9375rem !important;
}
div.footnotes ol ol {
  margin-bottom: auto;
}

article h2, article h3, article h4, article h5, article h6 {
  color: #444;
}

article.post section h1, article.post section h2, article.post section h3, article.post section h4, article.post section h5, article.post section h6,
article.page section h1,
article.page section h2,
article.page section h3,
article.page section h4,
article.page section h5,
article.page section h6 {
  font-weight: bold;
}

article.page section p {
  margin-bottom: 0.9375rem;
}

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Figures
 */
figure > img {
  display: block;
}

img + em {
  font-size: 11pt;
  display: block;
  color: #828282;
  margin-top: 0.312rem;
}
img + em a:hover {
  color: #828282 !important;
  background-image: linear-gradient(#828282 0%, #828282 100%);
}

.figure {
  width: 42%;
  float: right;
  margin-left: 2em;
}
.figure img {
  max-width: 100%;
}
.figure img + em {
  font-size: 11pt;
  display: block;
  color: #828282;
  margin-top: 0.312rem;
}
.figure img + em a:hover {
  color: #828282 !important;
  background-image: linear-gradient(#828282 0%, #828282 100%);
}

/**
 * Lists
 */
ul, ol {
  margin-left: 1.875rem;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: sans-serif;
  text-rendering: optimizelegibility;
}

/**
 * Links
 */
a {
  color: #2a7ae2;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: #16161d;
}
.social-media-list a:hover {
  text-decoration: none;
}
.social-media-list a:hover .username {
  text-decoration: underline solid;
}

article pre {
  background-color: #eee !important;
  border-radius: 0.16rem;
}

article p code {
  background-color: #eee !important;
  border-radius: 0.16rem;
  padding: 0.125rem 0.25rem;
}

blockquote {
  color: #424242;
  font-size: 11pt;
  margin-right: 2.25rem;
  margin-left: 2.25rem;
  margin-top: 0;
  position: relative;
  /*
  @include media-query($on-palm) {
      @include relative-font-size(14/16);
  }

  > :last-child {
      margin-bottom: 0;
  }
  */
}
blockquote:before {
  position: absolute;
  color: rgb(99.4, 99.4, 99.4);
  font-size: 4rem;
  font-style: italic;
  font-weight: bold;
  opacity: 0.5;
  left: -2.75rem;
  top: 1rem;
  content: "”";
}

cite {
  display: block;
  color: #444;
  text-align: right;
  margin-top: 0.1rem;
  font-style: normal;
  font-size: 11pt;
  /*
  @include media-query($on-palm) {
      @include relative-font-size(14/16);
  }
  */
}
cite > a:hover {
  color: #444 !important;
}
cite:before {
  content: "—";
  margin: 0.2em;
}

.noborder {
  color: #16161d;
  border: none;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  font-size: 12pt;
}
.noborder > :last-child {
  margin-bottom: 0;
}

/**
 * Code formatting
 */
pre,
code {
  font-size: 0.8rem;
  /*
  @include media-query($on-laptop) {
      font-size: 0.75rem;
  }

  @include media-query($on-palm) {
      font-size: 0.75rem;
  }*/
  font-family: monospace;
  border-radius: 0.16rem;
  background: #eee;
}

div.highlight {
  margin: 0 1em;
}

/*
@include media-query($on-laptop) {
    body {
        @include relative-font-size(14/16);
    }
}

@include media-query($on-palm) {
    body {
        @include relative-font-size(14/16);
    }
}
*/
pre {
  padding: 8px 12px;
  overflow-x: auto;
  border: solid 0.06rem #eaeaea;
}
pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0 0.05rem;
}

/**
 * Wrapper
 */
body {
  max-width: calc(840px - 1.875rem * 2);
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media screen and (max-width: 900px) {
  body {
    max-width: calc(840px - (1.875rem));
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

footer {
  font-size: 10.5pt;
  /*
  @include media-query($on-palm) {
      @include relative-font-size(10/12);
  }*/
  color: rgb(66.25, 66.25, 66.25);
  padding-top: 0.5794190358rem;
  padding-bottom: 0.5794190358rem;
  text-align: center;
}

.footnotes {
  font-size: 11pt;
  /*
  @include media-query($on-laptop) {
      @include relative-font-size(10/12);
  }

  @include media-query($on-palm) {
      @include relative-font-size(10/12);
  }
  */
  /*
  ol li {
      counter-increment: li;
      counter: counter(li);
      &::before {
          content: counter(li);
          font-weight:bold;
      }
  }
   */
}

/**
 * Clearfix
 */
body:after, footer:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Icons
 */
.svg-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  fill: rgb(66.25, 66.25, 66.25);
  padding-right: 5px;
  vertical-align: text-top;
}

.social-media-list li + li {
  padding-top: 5px;
}

/**
 * Tables
 */
table {
  margin: 0 auto 1.875rem auto;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid rgb(193.75, 193.75, 193.75);
}
table th, table td {
  padding: 0.3125rem 0.375rem;
}
table th code, table td code {
  background-color: #eee !important;
  border-radius: 0.16rem;
  padding: 0.125rem 0.25rem;
}
table th {
  background-color: rgb(239.65, 239.65, 239.65);
  border: 1px solid rgb(119.8, 119.8, 119.8);
  border-bottom-color: rgb(99.4, 99.4, 99.4);
}
table td {
  border: 1px solid #828282;
}

a code {
  color: inherit;
  padding: inherit;
  text-decoration: none !important;
}

/**
 * Site header
 */
.site-header {
  position: relative;
}

.site-title {
  font-size: 14pt;
  font-weight: 300;
  line-height: 40.5pt;
  margin-bottom: 0;
  float: left;
}
.site-title, .site-title:visited {
  color: #221;
}

nav {
  width: 100%;
  line-height: 40.5pt;
}
nav .nav-trigger {
  display: none;
}
nav .header-link-before {
  float: left;
}
nav div {
  float: right;
}
nav div .page-link {
  color: rgb(66.25, 66.25, 66.25);
  line-height: 1.5;
  font-size: 10.5pt;
  line-height: 40.5pt;
}
nav div .page-link:not(:last-child) {
  margin-left: 0.3125rem;
}
nav div .header-link-before {
  float: none;
}
nav div .rss-icon {
  color: #EA990E !important;
  line-height: 1.5;
  font-size: 1em;
}
nav div .rss-icon:not(:last-child) {
  margin-right: 0.3125rem;
}
nav .menu-icon {
  display: none;
}
@media screen and (max-width: 500px) {
  nav {
    background-color: #fdfdfd;
    text-align: right;
  }
  nav div {
    float: right;
  }
  nav div .page-link {
    display: inline;
    line-height: 40.5pt;
    overflow: hidden;
    text-align: left;
    width: auto;
    transition: max-height 0.2s;
    font-size: 9.6pt;
  }
  nav div .page-link a {
    text-align: left;
    width: 100%;
  }
}

/**
 * Page content
 */
main {
  margin-top: 1em;
  margin-bottom: 1.34em;
  flex: 1;
}

.page-heading {
  font-size: 18pt;
}

.post-list {
  margin-left: 0;
  list-style: none;
}

.post-meta {
  font-size: 10.5pt;
  color: #828282;
  margin-top: 0.2em;
}
@media screen and (max-width: 500px) {
  .post-meta {
    font-size: 10pt;
  }
}
.post-meta .post-date {
  margin-right: 0.5rem;
  margin-left: auto;
}
.post-meta .post-permalink {
  margin-left: 0.5rem;
}
.post-meta a.permalink {
  font-family: monospace;
  font-weight: bold;
  color: #828282 !important;
  border-bottom: 1px solid #fff !important;
  text-decoration: none !important;
  background: none !important;
}
.post-meta a.permalink:hover, .post-meta a.permalink:target {
  color: rgb(66.25, 66.25, 66.25) !important;
  border-bottom: 1px solid #fff !important;
}

.post-list-meta-right {
  font-size: 11pt;
  color: #828282;
  text-align: right;
  float: right;
  margin-left: 1rem;
  display: flex;
}

.post-meta-right {
  font-size: 11pt;
  color: #828282;
  text-align: right;
}

.post-meta-date {
  font-size: 11pt;
  color: #828282;
  text-align: right;
  width: 3.5rem;
  margin: 0.3rem 0 0 0;
  padding-right: 1rem;
  display: inline-block;
}

.post-meta-left {
  font-size: 11pt;
  color: #828282;
  text-align: left;
  padding: 0;
  display: flex;
}
.post-meta-left time {
  float: left;
}
.post-meta-left span {
  float: right;
}

.archive-meta-left {
  color: rgb(66.25, 66.25, 66.25);
  border-bottom: 1px rgb(66.25, 66.25, 66.25) solid;
  text-align: left;
  margin: 0.2rem 0 0.4rem 0;
  padding: 0;
}

.tag-title, .underlined-header {
  color: rgb(66.25, 66.25, 66.25);
  border-bottom: 1px rgb(66.25, 66.25, 66.25) solid;
  text-align: left;
  margin: 0.2rem 0 1rem 0;
  padding-bottom: 0.18em;
}

.title-meta-left {
  font-size: 11pt;
  color: #828282;
  text-align: left;
  margin: 0 0 0.1rem 0;
  padding: 0;
}

.post-link {
  display: block;
  font-size: 15pt;
}

/**
 * Posts
 */
.post-header {
  margin-bottom: 0.375rem;
}

.post-title {
  font-size: 19.2pt;
  padding: 0;
  line-height: normal;
}
@media screen and (max-width: 900px) {
  .post-title {
    font-size: 19.2pt;
  }
}

h1.post-title {
  line-height: normal;
}

.post-excerpt, .other-excerpt {
  margin-bottom: 0.9375rem;
  text-align: left;
}

article section {
  margin-bottom: 0.9375rem;
  text-align: left;
}
article section h1 {
  font-size: 20.4pt;
}
@media screen and (max-width: 900px) {
  article section h1 {
    font-size: 20.4pt;
  }
}
article section h2 {
  font-size: 18pt;
}
@media screen and (max-width: 900px) {
  article section h2 {
    font-size: 18pt;
  }
}
article section h3 {
  font-size: 15.6pt;
}
@media screen and (max-width: 900px) {
  article section h3 {
    font-size: 15.6pt;
  }
}
article section h4 {
  font-size: 13.2pt;
}
@media screen and (max-width: 900px) {
  article section h4 {
    font-size: 13.2pt;
  }
}

sup {
  line-height: 0;
}

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff;
}
.highlighter-rouge .highlight {
  background: #eef;
}
.highlight .c {
  color: #998;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .k {
  font-weight: bold;
}
.highlight .o {
  font-weight: bold;
}
.highlight .cm {
  color: #998;
  font-style: italic;
}
.highlight .cp {
  color: #999;
  font-weight: bold;
}
.highlight .c1 {
  color: #998;
  font-style: italic;
}
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic;
}
.highlight .gd {
  color: #000;
  background-color: #fdd;
}
.highlight .gd .x {
  color: #000;
  background-color: #faa;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #a00;
}
.highlight .gh {
  color: #999;
}
.highlight .gi {
  color: #000;
  background-color: #dfd;
}
.highlight .gi .x {
  color: #000;
  background-color: #afa;
}
.highlight .go {
  color: #888;
}
.highlight .gp {
  color: #555;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #aaa;
}
.highlight .gt {
  color: #a00;
}
.highlight .kc {
  font-weight: bold;
}
.highlight .kd {
  font-weight: bold;
}
.highlight .kp {
  font-weight: bold;
}
.highlight .kr {
  font-weight: bold;
}
.highlight .kt {
  color: #458;
  font-weight: bold;
}
.highlight .m {
  color: #099;
}
.highlight .s {
  color: #d14;
}
.highlight .na {
  color: #008080;
}
.highlight .nb {
  color: #0086B3;
}
.highlight .nc {
  color: #458;
  font-weight: bold;
}
.highlight .no {
  color: #008080;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #900;
  font-weight: bold;
}
.highlight .nf {
  color: #900;
  font-weight: bold;
}
.highlight .nn {
  color: #555;
}
.highlight .nt {
  color: #000080;
}
.highlight .nv {
  color: #008080;
}
.highlight .ow {
  font-weight: bold;
}
.highlight .w {
  color: #bbb;
}
.highlight .mf {
  color: #099;
}
.highlight .mh {
  color: #099;
}
.highlight .mi {
  color: #099;
}
.highlight .mo {
  color: #099;
}
.highlight .sb {
  color: #d14;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .sx {
  color: #d14;
}
.highlight .sr {
  color: #009926;
}
.highlight .s1 {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .bp {
  color: #999;
}
.highlight .vc {
  color: #008080;
}
.highlight .vg {
  color: #008080;
}
.highlight .vi {
  color: #008080;
}
.highlight .il {
  color: #099;
}

/*CSS spoilers*/
a[href="#spoiler"] {
  text-decoration: none !important;
  cursor: default;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #FFFFFF;
  border-bottom: none;
  display: inline-block;
}
a[href="#spoiler"]::after {
  content: attr(title);
  color: #FFFFFF;
  padding: 0 0.5rem;
}
a[href="#spoiler"]:hover::after, a[href="#spoiler"]:active::after {
  cursor: auto;
  color: #16161d;
  transition: color 0.5s ease-in-out;
}

article section a, aside a {
  color: #2e5dc5;
  text-decoration: underline;
  text-decoration-color: rgba(46, 93, 197, 0.45);
}
article section a:hover, aside a:hover {
  color: rgb(84.0234567901, 124.8148148148, 215.0765432099) !important;
  text-decoration-color: rgba(84.0234567901, 124.8148148148, 215.0765432099, 0.45);
}
article section .tags, aside .tags {
  list-style: none;
}
article section .tags li, aside .tags li {
  display: inline-block;
  margin: 0 25px 25px 0;
}
article section .tags li:last-child, aside .tags li:last-child {
  margin-right: 0;
}
article section li.tag, aside li.tag {
  display: inline-block;
  margin: 10px 5px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  color: #424242;
  background: linear-gradient(rgba(0, 102, 197, 0.05) 0%, rgba(0, 102, 197, 0.05) 100%);
  padding: 0.25em 0.5em;
  border-radius: 0.2em;
}
article section li.tag .small, aside li.tag .small {
  color: #828282 !important;
}
article section li.tag .small sup, aside li.tag .small sup {
  font-size: 80%;
}
article section li.tag .small-rss, aside li.tag .small-rss {
  font-size: 0.9rem;
  color: #EA990E !important;
}
article section li.tag:hover, aside li.tag:hover {
  background: linear-gradient(rgba(0, 102, 197, 0.15) 0%, rgba(0, 102, 197, 0.15) 100%);
  text-decoration: none;
}
article section a.tag-item, aside a.tag-item {
  color: #16161d;
}
article section a.tag-item, article section a.site-title, article section a.page-link, aside a.tag-item, aside a.site-title, aside a.page-link {
  border-bottom: none;
  text-decoration: none;
  background-image: none;
}
article section a.tag-item:hover, aside a.tag-item:hover {
  color: #16161d !important;
  border-bottom: none;
}
article section .social, aside .social {
  list-style: none;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-around;
  margin-left: inherit;
  margin-bottom: auto;
}
article section .social .small, aside .social .small {
  font-size: 0.9rem;
  text-align: center;
  display: block;
}
article section .social .small img, aside .social .small img {
  display: inline;
}
article section .social p, aside .social p {
  display: inline-block;
  margin-left: 0.5em;
}
article section .social li, aside .social li {
  display: inline-block;
  /*
   img.social-svg {
      filter: grayscale(1);
  }
  &:hover {
      img.social-svg {
          filter: grayscale(0%);
      }
  }
  */
}
article section .social li:last-child, aside .social li:last-child {
  margin-right: 0;
}
article section .social li:hover, aside .social li:hover {
  filter: opacity(0.8);
}
article section .social-icon, aside .social-icon {
  color: rgb(66.25, 66.25, 66.25) !important;
  border-bottom: none !important;
  text-decoration: none !important;
  background-image: none !important;
}
article section .social-icon:hover, aside .social-icon:hover {
  color: rgb(94.3, 94.3, 94.3) !important;
}
article section a.archive-item, aside a.archive-item {
  color: #16161d;
  text-decoration: none !important;
}

a.post-link, a.more-link {
  color: #2e5dc5 !important;
  text-decoration: none !important;
  background-image: none !important;
}
a.post-link:hover, a.more-link:hover {
  color: rgba(84.0234567901, 124.8148148148, 215.0765432099, 0.9) !important;
}

.anchor {
  visibility: hidden;
}
.anchor:target {
  visibility: visible;
}

h1:hover > .anchor, h2:hover > .anchor, h3:hover > .anchor, h4:hover > .anchor, h5:hover > .anchor, h6:hover > .anchor {
  visibility: visible;
}
h1:hover > .anchor:target, h2:hover > .anchor:target, h3:hover > .anchor:target, h4:hover > .anchor:target, h5:hover > .anchor:target, h6:hover > .anchor:target {
  visibility: visible;
}

.footnote, .reversefootnote {
  color: #2e5dc5 !important;
  text-decoration: none !important;
  background-image: none !important;
}
.footnote:hover, .reversefootnote:hover {
  color: rgb(84.0234567901, 124.8148148148, 215.0765432099) !important;
}

.reversefootnote, .footnote {
  font-weight: normal;
}

footer a:not(.footer-icon) {
  color: rgb(66.25, 66.25, 66.25);
  text-decoration: none;
  text-decoration-color: rgba(66.25, 66.25, 66.25, 0.45);
  /* 
   &:not(:last-child) {
       margin-right: 0.3125rem; //5px
   }
   */
}
footer a:not(.footer-icon):hover {
  text-decoration-color: rgb(66.25, 66.25, 66.25);
}
footer .footer-link {
  display: inline;
  overflow: hidden;
  text-align: left;
  width: auto;
  margin: 1.22rem;
  padding: auto;
  transition: max-height 0.2s;
  font-size: 9.6pt;
}
footer a.footer-icon {
  color: rgb(66.25, 66.25, 66.25);
}

a.tag {
  color: rgb(66.25, 66.25, 66.25);
  background: linear-gradient(rgba(0, 93, 102, 0.05) 0%, rgba(0, 93, 102, 0.05) 100%);
  padding: 0.15em 0.5em;
  margin-right: 0.2em;
  border-radius: 0.2em;
}
a.tag:hover {
  background: linear-gradient(rgba(0, 102, 197, 0.15) 0%, rgba(0, 102, 197, 0.15) 100%);
}
@media screen and (max-width: 500px) {
  a.tag {
    font-size: 10pt;
  }
}

h1 a.post-title-link, h2 a.post-title-link, h3 a.post-title-link, h4 a.post-title-link, h5 a.post-title-link, h6 a.post-title-link {
  color: #16161d !important;
}
h1 a.post-title-link:hover, h2 a.post-title-link:hover, h3 a.post-title-link:hover, h4 a.post-title-link:hover, h5 a.post-title-link:hover, h6 a.post-title-link:hover {
  opacity: 0.9;
}
h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
  color: #828282 !important;
  border-bottom: 1px solid #fff !important;
  text-decoration: none !important;
  background: none !important;
  position: absolute;
  margin-left: -1em;
}
h1 a.anchor:hover, h1 a.anchor:target, h2 a.anchor:hover, h2 a.anchor:target, h3 a.anchor:hover, h3 a.anchor:target, h4 a.anchor:hover, h4 a.anchor:target, h5 a.anchor:hover, h5 a.anchor:target, h6 a.anchor:hover, h6 a.anchor:target {
  color: rgb(66.25, 66.25, 66.25) !important;
  border-bottom: 1px solid #fff !important;
}
@media screen and (max-width: 1200px) {
  h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
    display: none;
  }
}
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
  font-size: inherit;
  padding: 0.125rem 0.25rem;
}

.header-link-before {
  color: #828282;
}

.page-heading {
  font-family: sans-serif;
  font-weight: bold;
}

.site-title {
  font-family: monospace !important;
}

.page-link, .footer-link {
  font-family: monospace;
}

.post-title, .post-link, .main-page-title, .page-title, .page-section {
  font-family: sans-serif;
  font-weight: bold;
}

.main-page-title {
  font-size: 21.6pt;
}

h2.post-subtitle {
  font-size: 10.5pt;
  opacity: 0.7;
  font-family: monospace;
}

.page-title {
  margin-top: 0.2rem !important;
  margin-bottom: 1rem !important;
}

a.site-title:hover {
  text-decoration: none;
  border-bottom: none;
  opacity: 0.78;
}

h2.post-title {
  margin-bottom: 1.875rem;
}

h3.post-title {
  font-size: 12.6pt;
  margin-bottom: 0.9375rem;
  display: flex;
}

h3.other-title, h3.shelf-title {
  font-size: 12.6pt;
  margin-bottom: 0.375rem;
}

a.page-link:not(:last-child) {
  padding: 0 4.2em 0 0;
}
@media screen and (max-width: 500px) {
  a.page-link {
    padding: 10px 0 10px 0;
  }
}
a.page-link:hover {
  text-decoration: none;
  color: rgba(94.3, 94.3, 94.3, 0.9);
}

a.category:hover {
  text-decoration: none;
}

.social-media-list a:hover {
  border-bottom: none;
}

article header h1 {
  padding-bottom: 0.2rem;
}

article a[href^=http]:where(:not([href*="jon.eus/"]))::after {
  content: "";
  background: no-repeat url('data:image/svg+xml,	<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> 		<g style="stroke:rgba(46,93,197);stroke-width:1"> 			<line x1="5" y1="5" x2="5" y2="14" /> 			<line x1="14" y1="9" x2="14" y2="14" /> 			<line x1="5" y1="14" x2="14" y2="14" /> 			<line x1="5" y1="5" x2="9" y2="5"  /> 			<line x1="10" y1="2" x2="17" y2="2"  /> 			<line x1="17" y1="2" x2="17" y2="9" /> 			<line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> 		</g> 	</svg>');
  padding-left: 0.8rem;
  margin-left: 0.1rem;
  background-position: bottom;
}

article a[href^=http]:where([href*="musicbrainz.org/"])::after {
  content: "";
  background: no-repeat url("/svg/musicbrainz.svg");
  padding-left: 0.8rem;
  background-size: contain;
  margin-left: 0.42rem;
  background-position: bottom;
}

figure a::after {
  content: "" !important;
}

/*

hr {
    height: 1px;
    margin: $spacing-unit / 2 35%;
    border: 0 none;
    background-color: $grey-color-darkish;

    &.dinkus {
        border: 0 none;
        text-align: center;
        font-size: 1.5em;
        color: $grey-color-dark;
        height: auto;
        background-color: transparent;
        &::before {
            //content: "∗∗∗";
            //content: "···";
            content: "∙∙∙";
            letter-spacing: 1em;
        }
    }
}

*/
hr + p, hr + div.footnotes {
  margin-top: 0 !important;
}

hr {
  border: none;
  text-align: center;
  margin: 0.9375rem;
  font-size: 1.75em;
  color: rgb(66.25, 66.25, 66.25);
  height: auto;
  background-color: transparent;
}
hr::before {
  content: "∙∙∙";
  letter-spacing: 1em;
}

ul.nobullet {
  list-style-type: none;
}

.current-page {
  background-color: #fff;
  color: #16161d;
}

.pagination a, .pagination span {
  padding: 7px 10px;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin-left: -2px;
  margin-right: -2px;
  display: inline-block;
}
.pagination a {
  background-color: #ffffff;
  color: #2e5dc5;
}
.pagination a:hover {
  background-color: #2e5dc5;
  color: #ffffff;
}

.pagination {
  text-align: center;
}

a > .rss-icon {
  display: inline;
  color: #EA990E !important;
  font-size: 0.9rem;
}

a > .rss-icon-img {
  display: inline-flex;
  color: #EA990E !important;
  height: 0.9rem;
  top: -0.125em;
  position: relative;
  margin-left: 0.3em;
}

.comments p {
  padding: 0.5em;
  margin-bottom: 0;
  margin-top: 0.5em;
  color: rgb(66.25, 66.25, 66.25);
}

aside#toc {
  position: sticky;
  top: 1em;
  font-size: 0.8rem;
  width: auto;
  float: left;
  margin-right: auto;
  margin-left: -17em;
  z-index: 1;
  left: -4em;
  padding: 0.5em 1em 0.5em 1em;
  opacity: 0.9;
  width: max-content;
}
aside#toc li {
  list-style: none;
}
aside#toc li a:target, aside#toc li a:active {
  background-color: #f1f1f1 !important;
}
aside#toc::before {
  content: "Edukia";
  font-weight: bold;
}
aside#toc ul {
  margin-bottom: auto;
  margin-left: 1em;
}
aside#toc ul:last-child {
  margin-bottom: revert;
}
aside#toc:hover {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  aside#toc {
    display: none;
  }
}

#markdown-toc {
  float: left;
  background-color: #fefefe;
  padding: 0.5em 1em 1em 1em;
  opacity: 0.9;
  width: max-content;
  list-style: none;
}
#markdown-toc ul {
  margin-bottom: auto;
}
#markdown-toc ul:last-child {
  margin-bottom: revert;
}
#markdown-toc:hover {
  opacity: 1;
}
#markdown-toc::before {
  content: "Edukia";
  font-weight: bold;
}

.footer-svg {
  height: 1.2em;
  /*
  filter: grayscale(1);
  &:hover {
      filter: grayscale(0%);
  }
  */
}
@media screen and (max-width: 500px) {
  .footer-svg {
    height: 1.1em;
  }
}
.footer-svg:hover {
  filter: opacity(0.8);
}

.footer-left-svg {
  height: 1.4em;
  padding: 0.1em;
  /*
  filter: grayscale(1);
  &:hover {
      filter: grayscale(0%);
  }
  */
}
@media screen and (max-width: 500px) {
  .footer-left-svg {
    height: 1.1em;
  }
}
.footer-left-svg:hover {
  filter: opacity(0.8);
}

.footer-right-svg {
  height: 1.4em;
  padding: 0.1em;
  /*
  filter: grayscale(1);
  &:hover {
      filter: grayscale(0%);
  }
  */
}
@media screen and (max-width: 500px) {
  .footer-right-svg {
    height: 1.1em;
  }
}
.footer-right-svg:hover {
  filter: opacity(0.8);
}

.licence-icon {
  background-image: none !important;
}

.cc-svg {
  height: 2.2em;
  /*
  filter: brightness(0);
  &:hover {
      filter: brightness(1);
  }*/
}
.cc-svg:hover {
  filter: opacity(0.8);
}

.gpl-svg {
  height: 2.2em;
  /*
  filter: grayscale(1);
  &:hover {
      filter: grayscale(0%);
  }
  */
}
.gpl-svg:hover {
  filter: opacity(0.8);
}

.social-svg {
  height: 1.8em;
  color: inherit;
}

.header-svg {
  padding-top: 0px;
  height: 1em;
}

sup {
  top: -0.5em;
}

sup, sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

summary p {
  display: inline-block;
}

details p {
  margin-bottom: auto !important;
}

::selection {
  background: #e7e7e7;
  color: #16161d;
}

.language-console .gp, .language-console .gp + .w {
  /* Disable text selection highlighting
   * https://stackoverflow.com/a/4407335/1558022 */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.backlink-box {
  background-color: #fffdf7;
}

.backlink-box:before {
  content: "What links here";
  font-style: italic;
}

.backlink-box li {
  line-height: 1em;
}

img#vinylcollate {
  padding: 1rem;
}