/* HR Glossary — Figma nodes 5113:61193 and 5113:61468. */
.hr-glossary-hero {
    background:
        radial-gradient(circle at 75% 4%, #e9e5ff 0, rgba(233, 229, 255, .44) 25%, transparent 51%),
        radial-gradient(circle at 8% 15%, #fff1e9 0, rgba(255, 241, 233, .54) 29%, transparent 53%),
        #fff !important;
}

.hr-glossary-hero .common-product-hero {
    max-width: 1320px;
}

.hr-glossary-hero .common-product-hero-tag {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.hr-glossary-hero .common-product-hero-tag span {
    font-size: 18px;
}

.hr-glossary-hero .common-product-hero h1 {
    font-size: 62px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -.02em;
}

.hr-glossary-hero .common-product-hero-description {
    max-width: 1320px;
    margin: 30px auto 38px;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
}

.glossary-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #343a40;
    font: 500 14px/20px 'Plus Jakarta Sans', sans-serif;
}

.glossary-search input::placeholder {
    color: #656971;
    opacity: 1;
}

.glossary-search:focus-within {
    border-color: #1e40af;
    box-shadow: 0 0 0 3px rgba(30, 64, 175, .12);
}

.az-bar button:focus-visible,
.glossary-card:focus-within {
    outline: 3px solid rgba(30, 64, 175, .35);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .hr-glossary-hero .common-product-hero h1 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -.03em;
    }

    .hr-glossary-hero .common-product-hero-tag,
    .hr-glossary-hero .common-product-hero-tag span {
        font-size: 13px;
        line-height: 18px;
    }

    .hr-glossary-hero .common-product-hero-description {
        margin: 22px auto 28px;
        font-size: 16px;
        line-height: 24px;
    }

    .glossary-search {
        min-height: 52px;
    }
}