/* 詞語提示：AEO／GEO。顏色用站上既有米色與棕色。 */
.term { display: inline; }
.term-keep { white-space: nowrap; }
.term-btn {
    position: relative;
    display: inline;
    padding: 0 .05em .05em;
    font: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    border-bottom: 1px dotted var(--gold-dim);
    border-radius: 2px;
    cursor: help;
    line-height: inherit;
}
.term-btn::before {
    content: "";
    position: absolute;
    left: -.35rem;
    right: -.35rem;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
}
.term-btn:focus-visible { outline: 2px solid var(--gold-dim); outline-offset: 3px; }
.term-tip {
    position: fixed;
    z-index: 400;
    max-width: min(16rem, calc(100vw - 1.5rem));
    margin: 0;
    padding: .6rem .8rem;
    background: var(--cream);
    color: var(--black);
    font-size: .95rem;
    line-height: 1.55;
    border-radius: 8px;
    box-shadow: 0 10px 22px -14px rgba(31, 27, 23, .55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease;
}
.term-tip[data-open="true"] { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) {
    .term-tip { transition: none; }
}