/* Mathematical previews remain readable in either timeline view. */
.timeline .hover-info{display:none;width:min(348px,calc(100vw - 24px));padding:18px;font-size:17px;line-height:1.45;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;text-shadow:none}
.timeline .person-card:hover .hover-info,.timeline .person-card:focus-visible .hover-info{display:block}
.timeline .hover-info strong{font-size:16px;margin-bottom:10px}
.timeline .person-card:hover,.timeline .person-card:focus-visible{z-index:2}
.timeline .hover-info>.tooltip-preview{margin:0 0 12px;color:var(--paper)}
.tooltip-preview svg{display:block;width:100%;height:auto;background:#fbf6eb;border-radius:5px;overflow:hidden;font-family:var(--sans)}
.tooltip-caption{display:block;font-size:18px;line-height:1.35;margin-top:9px;color:#f2dbb8}
.timeline .hover-info>.tooltip-summary{display:block;margin:0;color:var(--paper)}
.timeline .hover-info>.tooltip-link{margin-top:12px;color:#d9b28c}
.timeline .hover-info[data-positioned]{left:var(--tip-left);top:var(--tip-top);margin:0;transform:none;transition:opacity .15s}
.timeline .hover-info[data-positioned]::before{display:none}
/* A transparent bridge makes the gap between card and preview hoverable. */
.timeline .person-card[data-tip-above]::after{top:auto;bottom:100%;height:16px;width:min(348px,100%)}
@media(forced-colors:active){.timeline .hover-info{border:1px solid CanvasText}.tooltip-preview svg{forced-color-adjust:none}}
@media(prefers-reduced-motion:reduce){.timeline .hover-info[data-positioned]{transition:none}}