.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

.glossary-meta-box {
    padding: 12px;
}

.glossary-meta-box label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.glossary-meta-box input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
}

.glossary-settings-page .form-table {
    margin-top: 20px;
}

.glossary-settings-page .form-table th {
    padding: 20px 10px 20px 0;
}

/* Archive Page */
.glossary-archive-wrapper {
    display: flex;
    flex-direction: row;
}

.glossary-archive-container {
    padding-top: 50px; 
    flex-grow: 1;
    padding-right: 20px; /* Adjust padding as needed */
}

@media (max-width: 480px) {
    .glossary-archive-container {
        padding-top: 10px;
    }
}

.glossary-terms-list {
    display: flex;
    flex-wrap: wrap;
}

.glossary-term-item {
    display: block;
    margin-bottom: 20px; /* Adjust spacing as needed */
    padding-bottom: 10px; /* Optional: Add padding for better readability */
}

.glossary-archive-header {
    margin-bottom: 70px;
}

.term-title, .glossary-archive-title {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: "IBM Plex Sans Regular", Arial, Sans-Serif !important;
    font-size: 24px;
    line-height: 32px;
    color: #030303 !important;
    display: block !important;
    margin-bottom: 30px;
}

.glossary-archive-description {
    padding: 0;
    margin: 0;
    font-family: 'IBM Plex Sans Regular', Arial, Sans-Serif;
    margin-bottom: 50px;
    /* max-width: 450px; */
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    display: block;
    width: 100%;
    color: #4c4d4f;
}

.glossary-search-container {
    margin-top: 150px;
    margin-bottom: 70px;
}

.glossary-search-title {   
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    
} 
.glossary-search-title  h3{
    font-family: 'IBM Plex Sans Regular', Arial, sans-serif;
    line-height: 1.4;
    color: #000;
    font-size: 16px;
}

.glossary-search-wrapper {
    
}

.glossary-search-input {
    width: 100%;
    max-width: 350px;
    padding: 0.75rem 1.1rem;
    border: 1px solid #ddd;
    border-radius: 2rem;
    font-size: 14px !important;
}

.glossary-alphabet-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 1.5rem 0;
    margin-bottom: 4rem;
}

.glossary-letter-link {
    background-color: #fff;
    color: #000;
    border-radius: .25rem;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    display: flex;
    cursor: pointer;
    margin: 0.2rem;
    text-decoration: none;
    width: 30px;
}

.glossary-letter-link:hover {
    background-color: #fff;
}

.glossary-letter-link.is-active {
    background-color: #000000;
    font-weight: 700;
    color: white;
}

.glossary-term-card {
    /* border: 1px solid #ddd;
    padding: 1.5rem;
    border-radius: 0.25rem;
    background: #fff; */
}

.term-title a {
    text-decoration: none;
    color: inherit;
}

.term-excerpt {
    margin-bottom: 1rem;
}

.term-excerpt p {
    font-size: 16px;
}

.term-synonyms {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 20px
}

.synonyms-label {
    font-weight: 500;
    margin-right: 0.5rem;
}

.no-terms-found {
    text-align: center;
    padding: 2rem;
    color: #666;
}

/* Single Term Page */

.go-back-link {
    text-decoration: underline;
    text-decoration-style: solid;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    margin-bottom: 50px;
    display: inline-block;
}

.glossary-term-single {
    max-width: 800px;
    padding-top: 50px;
    padding-bottom: 2rem;
}

/* Auto-linked Terms */
.glossary-term-link {
    position: relative;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.tippy-box[data-theme~='custom'] {
    background-color: #fff;
    border: 0;
    color: #000;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

.glossary-alphabet-sidebar {
    position: sticky;
    top: 0;
    width: 100%; /* Adjust width as needed */
}

@media (max-width: 768px) {
    .glossary-alphabet-sidebar {
        position: static;
        margin-top: 20px; /* Adjust margin as needed */
    }
}