#tooltip {
    position: absolute;
    background: #283B97;
    color: #fff;
    padding: 1.5rem 5rem 1.5rem 2rem;
    border-radius: 0.8rem;
    font-size: 1.6rem;
    z-index: 9999;
    display: none;
    max-width: 67rem;
    margin-top: 1.0rem;
    margin-left: -1.5%;
}

#tooltip::before {position: absolute; left: 2rem; top: -1rem; width: 2rem; height: 2rem; z-index: -1; background: #283B97; content: ''; transform: scaleX(0.7) rotate(45deg);}
#tooltip > div {position: static !important; padding: 0 !important;}
#tooltip > div > div[style] {margin-top: 2rem !important; padding-top: 1rem; border-top: 1px dashed rgba(255, 255, 255, 0.3); font-size: 1.4rem !important; font-weight: 300; color: inherit !important;}
#tooltip > div > div[style]::before {display: inline-block; position: relative; top: -0.1rem; margin-right: 0.5rem; font-family: 'remixicon'; font-size: 1.6rem; font-weight: 400; content: ''; opacity: 0.3; vertical-align: middle;}
#tooltip button {top: 1rem !important; right: 1.5rem !important; font-size: 2.4rem !important; color: #fff !important; transition: all 0.2s;}
#tooltip button:hover, #tooltip button:focus {transform: rotate(180deg) translateY(calc(-50% - 0.2rem));}

span.term-highlight,
.term-highlight,
*[class*="term-highlight"] {
    font-weight: 700 !important;
    color: #2434B0 !important;
    cursor: pointer !important;
}

/* 더 구체적인 선택자로 강제 적용 */
div span.term-highlight,
p span.term-highlight,
h1 span.term-highlight,
h2 span.term-highlight,
h3 span.term-highlight,
h4 span.term-highlight,
h5 span.term-highlight,
h6 span.term-highlight {
    font-weight: 700 !important;
    color: #2434B0 !important;
    cursor: pointer !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}