.wortlicht-term {
position: relative;
display: inline;
border-bottom: var(--st-underline-width, 2px) var(--st-underline-style, dotted) var(--st-underline, currentColor);
cursor: help;
text-decoration: none;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.wortlicht-term:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
.wortlicht-icon { display: var(--st-icon-display, inline-block); margin-inline-start: .18em; font-size: var(--st-icon-size, 12px); line-height: 1; vertical-align: .12em; filter: saturate(.9); }
.wortlicht-tooltip {
position: absolute;
z-index: 99999;
inset-inline-start: 50%;
bottom: calc(100% + .7rem);
width: max-content;
max-width: min(var(--st-max-width, 352px), calc(100vw - 2rem));
padding: var(--st-pad-v, 11px) var(--st-pad-h, 14px);
border: var(--st-border-width, 0) solid var(--st-border, #172033);
border-radius: var(--st-radius, 9px);
background: var(--st-bg, #172033);
color: var(--st-text, #fff);
box-shadow: var(--st-shadow, 0 8px 28px rgb(0 0 0 / .22));
font: var(--st-font-weight, 500) var(--st-font-size, 14px)/1.45 system-ui, sans-serif;
text-align: start;
white-space: normal;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate(-50%, .25rem);
transition: opacity .14s ease, transform .14s ease, visibility .14s;
}
.wortlicht-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; border: .38rem solid transparent; border-top-color: var(--st-bg, #172033); transform: translateX(-50%); }
.wortlicht-tooltip-row { display: block; }
.wortlicht-tooltip-row + .wortlicht-tooltip-row { margin-top: .5em; }
.wortlicht-tooltip-label { font-weight: 700; }
.wortlicht-tooltip-value { white-space: pre-line; }
.wortlicht-position-bottom > .wortlicht-tooltip { top: calc(100% + .7rem); bottom: auto; }
.wortlicht-position-bottom > .wortlicht-tooltip::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: var(--st-bg, #172033); }
.wortlicht-term:hover > .wortlicht-tooltip,
.wortlicht-term:focus > .wortlicht-tooltip,
.wortlicht-term.is-open > .wortlicht-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .wortlicht-tooltip { transition: none; } }
@media (forced-colors: active) { .wortlicht-tooltip { border: 1px solid CanvasText; } }