/* Structural compatibility with the theme's existing citation layout rules. */
.footnote_referrer { position:relative; white-space:nowrap; }
.footnote_referrer .footnote_plugin_tooltip_text { font-size:.75em; }
.footnote_referrer .footnote_hard_link { text-decoration:none; }
.footnote_referrer_base,.footnote_item_base { position:relative; }
.footnote_referrer_anchor,.footnote_item_anchor { scroll-margin-top:20vh; }
.footnote_url_wrap,.jt-citations .footnote_plugin_text { overflow-wrap:anywhere; }
.jt-citations [hidden] { display:none!important; }
.jt-citations .accessibility { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.jt-citations .footnote_plugin_index_combi { width:2.6em; vertical-align:top; text-align:left; }
.jt-citations .footnote_backlink { white-space:nowrap; }
.jt-citations .footnote_reference_container_label { cursor:pointer; }
.footnote_referrer .footnote_tooltip { display:none; white-space:normal; position:absolute; z-index:1000; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); width:max-content; max-width:min(450px,calc(100vw - 32px)); box-sizing:border-box; padding:12px; font:13px/1.55 system-ui,sans-serif; text-align:left; color:#000; background:#fff; border:1px solid #cccc99; border-radius:3px; box-shadow:2px 2px 11px #666; overflow-wrap:anywhere; }
.footnote_referrer:not([data-jt-tooltip-dismissed]):hover .footnote_tooltip,.footnote_referrer:not([data-jt-tooltip-dismissed]):focus-within .footnote_tooltip { display:block; }
.footnote_referrer .footnote_hard_link:focus-visible,.jt-citations .footnote_backlink:focus-visible,.jt-citations [role=button]:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
@media print { .footnote_referrer .footnote_tooltip,.jt-citations .footnote_index_arrow { display:none!important; } .jt-citations [id^=footnote_references_container_] { display:block!important; } }

/* Keep a pointer bridge between the referrer and the interactive preview. */
.footnote_referrer .footnote_tooltip::after { content:""; position:absolute; inset:-8px; z-index:-1; }
/* Without scripts, mobile previews still fit. Existing fixed-position theme exceptions win. */
@media (max-width:600px) {
  .footnote_referrer .footnote_tooltip { position:fixed; inset:auto 16px 80px auto; transform:none; width:calc(100vw - 32px); max-width:450px; }
}
