.term{white-space:nowrap;anchor-scope:--term;position:relative}.term__word{anchor-name:--term;cursor:help;border-bottom:1px dotted;outline:none}.term__word:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #c42b43}.term__badge{vertical-align:super;color:#fff;-webkit-user-select:none;user-select:none;background:#c42b43;border-radius:50%;justify-content:center;align-items:center;width:.95em;height:.95em;margin-left:.18em;font-size:.62em;font-weight:700;line-height:1;display:inline-flex}.term__pop{z-index:50;white-space:normal;text-align:left;color:#f4f1f0;opacity:0;visibility:hidden;pointer-events:none;background:#1a1214;border:1px solid #ffffff1a;border-radius:10px;width:max-content;max-width:min(300px,86vw);padding:10px 12px;font-size:13px;line-height:1.5;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px #00000073}.term:hover .term__pop,.term:focus-within .term__pop{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@supports (anchor-name:--a){.term__pop{position-anchor:--term;position-area:top center;position-try-fallbacks:top left, top right, top center;margin-bottom:8px;position:fixed;bottom:auto;left:auto;transform:translateY(4px)}.term:hover .term__pop,.term:focus-within .term__pop{transform:translateY(0)}}@supports not (anchor-name:--a){@media (max-width:560px){.term__pop{width:auto;max-width:none;position:fixed;left:8px;right:8px;transform:translateY(4px)}.term:hover .term__pop,.term:focus-within .term__pop{transform:translateY(0)}}}.term__pop-title{color:#fff;margin-bottom:3px;font-weight:600;display:block}.term__pop-body{color:#c8bfba;display:block}@media (prefers-reduced-motion:reduce){.term__pop{transition:none}}