.ele-explain { position:relative; }
.ele-explain__term { display:inline; padding:0; margin:0; border:0; border-bottom:1px dotted currentColor; border-radius:0; background:transparent; color:inherit; font:inherit; line-height:inherit; text-align:inherit; cursor:help; text-decoration:none; }
.ele-explain__term:hover { border-bottom-style:solid; }
.ele-explain__term:focus-visible { outline:2px solid #b34700; outline-offset:3px; }
/* Scope above Cassiopeia's generic [role=tooltip]:not(.show) rule. */
.ele-explain > .ele-explain__tip[role="tooltip"] { display:block; visibility:hidden; position:absolute; z-index:10000; top:100%; left:0; right:auto; margin:0; box-sizing:border-box; width:max-content; max-width:min(26rem,calc(100vw - 24px)); padding:.65rem .85rem; border:1px solid #ff6600; border-radius:.35rem; background:#202020; color:#fff; font:normal 1rem/1.5 system-ui,sans-serif; text-align:left; white-space:normal; overflow-wrap:anywhere; box-shadow:0 4px 16px #0004; }
.ele-explain:not([data-enhanced]):hover > .ele-explain__tip,
.ele-explain:not([data-enhanced]):focus-within > .ele-explain__tip,
.ele-explain[data-open] > .ele-explain__tip { visibility:visible; }
.ele-explain[data-enhanced] > .ele-explain__tip { position:fixed; max-height:45vh; overflow-y:auto; }
@media print {
  .ele-explain__term { border:0; }
  .ele-explain > .ele-explain__tip[role="tooltip"],
  .ele-explain[data-enhanced] > .ele-explain__tip[role="tooltip"] { visibility:visible; position:static; display:inline; padding:0; border:0; background:transparent; color:inherit; box-shadow:none; font:inherit; max-height:none; overflow:visible; }
  .ele-explain__tip::before { content:' ('; }
  .ele-explain__tip::after { content:')'; }
}