/* Claim-grounding citation overlay (docs/RESEARCH_CITATIONS_HANDOVER.md §4). Markers are injected by citations.js into already-rendered prose; the stored prose is never mutated. Styling is deliberately quiet — a small dot that doesn't disturb the reading line, with a hover/click popover for the source. */ .cite-mark { display: inline-block; margin-left: 2px; font-size: 0.62em; line-height: 1; vertical-align: super; color: #6ea8fe; cursor: pointer; opacity: 0.7; transition: opacity .12s ease, color .12s ease; user-select: none; } .cite-mark:hover, .cite-mark:focus-visible { opacity: 1; color: #9ec5ff; outline: none; } .cite-mark[data-kind="data"] { color: #5fd0a0; } .cite-mark[data-kind="data"]:hover { color: #86e3ba; } /* the floating popover (appended to , positioned by JS) */ .cite-pop { position: fixed; z-index: 4000; max-width: 360px; background: #11161d; border: 1px solid #2a3442; border-radius: 8px; box-shadow: 0 10px 28px rgba(0, 0, 0, .45); padding: 11px 13px; font-family: "Hanken Grotesk", system-ui, sans-serif; font-size: 13px; line-height: 1.45; color: #d7deea; opacity: 0; transform: translateY(3px); transition: opacity .1s ease, transform .1s ease; pointer-events: none; } .cite-pop.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; } .cite-pop .cite-pop-kicker { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: #7c8aa0; margin-bottom: 4px; } .cite-pop .cite-pop-label { font-weight: 600; color: #eef2f8; } .cite-pop .cite-pop-detail { color: #aab6c8; margin-top: 2px; } .cite-pop .cite-pop-quote { margin-top: 7px; padding-top: 7px; border-top: 1px solid #232c38; color: #9fb0c6; font-style: italic; max-height: 5.4em; overflow: hidden; } .cite-pop a.cite-pop-link { display: inline-block; margin-top: 8px; color: #6ea8fe; text-decoration: none; font-weight: 600; } .cite-pop a.cite-pop-link:hover { text-decoration: underline; } @media print { .cite-mark { color: #444 !important; opacity: 1; } .cite-pop { display: none !important; } }