.glossary-tag.active {
    background: var(--c-light);
    padding: 0 2px 0 6px;
    border-radius: 3px;
    line-height: 28px;
  }

.glossary-tag:last-child.active {
    padding: 0 8px 0 6px;
  }

.glossary-tag {
    display: inline-block;
    /* padding: 0.5rem 1rem;
    margin: 0.5rem 0.5rem 0 0;

    text-decoration: none; */
    transition: all 0.2s ease-in-out;
}

[data-template="glossary"] main {
    padding-top: 120px;
    background: var(--glossary-color);
}

[data-template="glossary"] main + footer{
    background: var(--glossary-color);
}

[data-template="glossary"] main .essay--author,
[data-template="glossary"] main .essay--year,
[data-template="glossary"] main .essay--title{
    display: flex;
    justify-content: center;
}

[data-template="glossary"] main .essay-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tag-group:first-of-type {
    margin-top: 115px;
}

#glossary h2 {
    /* position: sticky; */
    top: 0;
    padding: 30px 0 15px 0;
    /* background: var(--glossary-color); */
}

.tag-group {
    grid-column: 1/-1;
}

.glossary-tag:not(:last-child):after {
    content: ",";
    margin-right: 1px;
    margin-left: -4px;
}

.glossary-tag.active:after {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.group--letter {
    grid-column: 2 / 2;
    text-align: left;
}

.group--tags {
    grid-column: 3 / 10;
}

#glossaryOutcome {
    margin-top: 165px;
}

.topic-group {
    margin-bottom: 95px;
}

.topic--title {
    margin-bottom: 45px;
    font-size: 20px;
}

.essays--group {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.essay--head-info .essay--subtitle {
    display: none;
}