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