.glossary-gofly .glossary-card,
.glossary-gofly .glossary-card:nth-child(4n + 2),
.glossary-gofly .glossary-card.is-featured {
    min-height: 168px;
    background: #fffdf2;
}

.glossary-gofly .glossary-card:hover,
.glossary-gofly .glossary-card:focus-visible,
.glossary-gofly .glossary-card.is-keyboard-active {
    border-color: #0b6048;
    color: #063d35;
    background: #d2ffbd;
    box-shadow: none;
    transform: none;
}

.glossary-gofly .glossary-card h3 {
    margin-bottom: 16px;
    font-size: clamp(21px, 1.8vw, 26px);
}

.glossary-gofly .glossary-card p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 16px;
    line-height: 1.5;
}

.glossary-gofly .glossary-card__arrow {
    color: #064a3f;
    background: transparent;
}

.glossary-gofly .glossary-card:hover .glossary-card__arrow,
.glossary-gofly .glossary-card:focus-visible .glossary-card__arrow {
    color: #064a3f;
    background: transparent;
}

.glossary-detail-hero p {
    overflow: hidden;
    max-width: 920px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.related-glossary span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

@media (max-width: 720px) {
    .glossary-detail-hero p {
        display: -webkit-box;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}