/* [reference] tooltip: the [1] marker. The popup (#adc-ref-pop) is built and placed by assets/js/reference-tooltip.js */
.ref-tip { position: relative; display: inline; cursor: pointer; font-size: 0.7em; line-height: 0; vertical-align: super; margin: 0 1px 0 1px; white-space: nowrap; color: var(--br-accent, #1d4ed8); }
.ref-tip .tip-content { display: none !important; } /* source markup only; shown via #adc-ref-pop */

#adc-ref-pop { display: none; position: fixed; top: 0; left: 0; box-sizing: border-box; width: 280px; max-width: calc(100vw - 16px); padding: 14px 16px; border-radius: 10px; background: var(--brand-primary, #294ca2); color: #fff; font-size: 13px; line-height: 1.5; font-style: normal; font-weight: 400; text-align: left; z-index: 2147483000; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
#adc-ref-pop.is-open { display: block; }
#adc-ref-pop > span, #adc-ref-pop .tip-line { display: block; margin: 0 0 8px; padding: 0; color: #fff; font-size: 13px; line-height: 1.5; }
#adc-ref-pop > span:last-child, #adc-ref-pop .tip-line:last-child { margin-bottom: 0; }
#adc-ref-pop .tippy-name { color: rgba(255,255,255,.8); font-size: 12px; text-transform: none; }
#adc-ref-pop strong { color: #fff; font-weight: 600; font-size: 14px; }
#adc-ref-pop em { color: #fff; font-style: italic; }
#adc-ref-pop a { color: #fff; text-decoration: underline; font-weight: 500; border: 0; }
#adc-ref-pop a:hover { color: #fff; opacity: .85; }

/* superscript, hugging the previous character; beats the older .ref-tip offsets in single-modern-post */
body .ref-tip { top: 0; left: 0; margin: 0 0 0 1px; }