1.toc {
  2  padding-bottom: 5px;
  3  border-bottom: 2px solid $dark;
  4  a {
  5    color: $dark;
  6    text-decoration: underline;
  7  }
  8}
  9.frontmatter {
 10  padding: 15px 0px 7px 0px;
 11  border-bottom: 2px solid $dark;
 12
 13  a:not(.button) {
 14    color: $dark;
 15    text-decoration: none;
 16    background-image: linear-gradient(
 17      120deg,
 18      $gradient-left 0%,
 19      $gradient-right 100%
 20    );
 21    background-repeat: no-repeat;
 22    background-size: 0 0;
 23    background-position: 100% 21%;
 24    transition: 0.15s ease-out;
 25    border-radius: 5px;
 26    padding-left: 4px;
 27    margin-left: -3px;
 28    &:hover {
 29      background-size: 100% 100%;
 30      color: $light;
 31      &:after {
 32        color: $gradient-right;
 33      }
 34    }
 35    &::after {
 36      position: relative;
 37      content: "\FEFF°";
 38      margin-left: 0.1em;
 39      font-size: 90%;
 40      top: -0.1em;
 41      color: $light-highlight;
 42      font-feature-settings: "caps";
 43      font-variant-numeric: normal;
 44    }
 45  }
 46
 47  .post-title {
 48    margin: 10px 0;
 49    a {
 50      text-decoration: none;
 51      background-image: none;
 52      &::after {
 53        content: "";
 54      }
 55      &:hover {
 56        background-size: 0 0;
 57        color: $dark;
 58      }
 59    }
 60  }
 61  p {
 62    margin: 0 0;
 63  }
 64}
 65
 66.content {
 67  h2,
 68  h3 {
 69    margin-top: 20px;
 70    margin-bottom: -10px;
 71  }
 72  h2,
 73  h3,
 74  p,
 75  li,
 76  td {
 77    a {
 78      color: $dark;
 79      text-decoration: none;
 80      background-image: linear-gradient(
 81        120deg,
 82        $gradient-left 0%,
 83        $gradient-right 100%
 84      );
 85      background-repeat: no-repeat;
 86      background-size: 0 0;
 87      background-position: 100% 21%;
 88      transition: 0.15s ease-out;
 89      border-radius: 5px;
 90      padding-left: 4px;
 91      margin-left: -3px;
 92      &:hover {
 93        background-size: 100% 100%;
 94        color: $light;
 95        &:after {
 96          color: $gradient-right;
 97        }
 98      }
 99      &::after {
100        position: relative;
101        content: "\FEFF°";
102        margin-left: 0.1em;
103        font-size: 90%;
104        top: -0.1em;
105        color: $light-highlight;
106        font-feature-settings: "caps";
107        font-variant-numeric: normal;
108      }
109    }
110  }
111  .footnote-ref {
112    background-size: 100% 1.5px;
113    background-position: 0 90%;
114    &::after {
115      content: "";
116    }
117    &:hover {
118      background-size: 100% 100%;
119      color: $light;
120    }
121  }
122  .footnote-backref {
123    background-size: 100% 1.5px;
124    background-position: 0 90%;
125    &::after {
126      content: "";
127    }
128    &:hover {
129      background-size: 100% 100%;
130      color: $light;
131    }
132  }
133  .highlight {
134    a {
135      background-image: none;
136      &::after {
137        content: "";
138      }
139    }
140  }
141  .anchor-tag {
142    font-size: 70%;
143    position: relative;
144    bottom: 2.6px;
145    background-size: 100% 0;
146    background-position: 0 150%;
147    &::after {
148      content: "";
149    }
150  }
151}
152.commento-root-font * {
153  font-family: Heliotrope !important;
154}
155.commento-footer {
156  display: none;
157}