/* One reusable, non-blocking explanation for compact status/remark markers. */
.vr-remark-tooltip{cursor:help;outline-offset:3px}
.vr-remark-tooltip:focus-visible{outline:2px solid #168ae0;border-radius:3px}
[data-vr-remark]>.vr-remark-code{position:relative;display:inline;font:inherit;line-height:inherit;color:inherit;vertical-align:baseline;width:auto;min-width:0;height:auto;padding:0;margin:0;border:0;background:transparent}
/* Expand the tap target without enlarging the visible badge or its table row. */
[data-vr-remark]>.vr-remark-code::after{content:'';position:absolute;top:50%;left:50%;min-width:24px;min-height:24px;width:100%;height:100%;transform:translate(-50%,-50%);background:transparent}
#vr-remark-tooltip-popover{box-sizing:border-box;position:fixed;inset:auto;left:0;top:0;right:auto;bottom:auto;z-index:1200;display:block;width:max-content;max-width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow-y:auto;margin:0;padding:12px 14px;border:1px solid #375773;border-radius:12px;background:#14263d;color:#f3f8ff;box-shadow:0 12px 32px #071e3b38;font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;opacity:0;transition:opacity .14s ease;pointer-events:none}
#vr-remark-tooltip-popover[hidden]{display:none!important}
#vr-remark-tooltip-popover.is-open{opacity:1;pointer-events:auto}
#vr-remark-tooltip-popover::backdrop{background:transparent;pointer-events:none}
:is(html.dark,html[data-theme=dark],html[data-color-mode=dark]) #vr-remark-tooltip-popover{background:#112235;border-color:#456984;color:#f3f8ff}
@media(prefers-reduced-motion:reduce){#vr-remark-tooltip-popover{transition:none}}