.site-tooltip { position:fixed; z-index:10000; max-width:min(270px,calc(100vw - 20px)); padding:9px 12px; border:1px solid #36cdd2; border-radius:10px; background:#141837; color:#e9f5ff; box-shadow:0 8px 28px rgba(0,3,35,.55); font:600 13px/1.35 'IBM Plex Sans',sans-serif; text-align:left; pointer-events:none; }
.site-tooltip[hidden] { display:none; }

/* Shared card hover glow. The color is chosen by tooltips.js. */
:is(.hub-tile,.portal-tile,.work-preview,.portfolio-choice,.gallery-card,.inside-link-card,.project-row,.project-art,.case-neighbors a) { transition:border-color .32s ease,box-shadow .32s ease,transform .18s ease; }
:is(.hub-tile,.portal-tile,.work-preview,.portfolio-choice,.gallery-card,.inside-link-card,.case-neighbors a):is(:hover,:focus-visible),
:is(.project-row,.project-art):is(:hover,:focus-within) { border-color:var(--hover-glow-color,#36cdd2); box-shadow:0 0 0 1px var(--hover-glow-color,#36cdd2),0 0 12px var(--hover-glow-shadow,rgba(54,205,210,.25)); }