/* Shared header hints: identical timing, typography and focus feedback. */
.site-tooltip { position: relative; }
.site-tooltip::after {
  content: attr(data-tooltip); position: absolute; z-index: 100;
  top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  width: max-content; max-width: min(260px, 80vw); padding: 6px 9px;
  border: 1px solid var(--line, var(--pst-color-border)); border-radius: 5px;
  background: var(--ink, var(--pst-color-text-base)); color: var(--bg, var(--pst-color-background));
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: normal;
  text-align: center; white-space: normal; pointer-events: none;
  opacity: 0; visibility: hidden; transition: opacity 120ms ease, visibility 120ms ease;
}
.site-tooltip[data-tooltip-align="end"]::after { left: auto; right: 0; transform: none; }
.site-tooltip:hover::after, .site-tooltip:focus-visible::after {
  opacity: 1; visibility: visible; transition-delay: 180ms;
}
.site-tooltip:focus-visible::after { transition-delay: 0ms; }
@media (hover: none) { .site-tooltip:hover:not(:focus-visible)::after { opacity: 0; visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .site-tooltip::after { transition: none; } }