/* Hover card · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: HoverCard. */
/* families/overlays/family.css */
.ov-hc{position:relative;display:inline-flex}
/* families/overlays/family.css */
.ov-hc-t{font-family:var(--font-code);font-size:var(--text-code);text-decoration:underline dotted hsl(var(--muted-foreground));text-underline-offset:3px;cursor:default;border-radius:var(--r-chip)}
/* families/overlays/family.css */
.ov-hcard{position:absolute;top:calc(100% + var(--s-2));left:0;z-index:var(--z-tip);width:320px;padding:var(--s-4);border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--popover));box-shadow:var(--e-pop);opacity:0;visibility:hidden;transform:translateY(var(--pop-shift));transition:opacity var(--motion-pop-out),transform var(--motion-pop-out),visibility 0s linear var(--motion-handoff)}
/* families/overlays/family.css */
.ov-hc:hover>.ov-hcard, .ov-hc:focus-within>.ov-hcard{opacity:1;visibility:visible;transform:none;transition:opacity var(--motion-pop-in),transform var(--motion-pop-in),visibility 0s;transition-delay:var(--hovercard-delay)}
/* families/overlays/family.css */
.ov-hcard.ov-static{position:static;opacity:1;visibility:visible;transform:none}
/* families/overlays/family.css */
.ov-hc-top{display:flex;gap:var(--s-3);align-items:center}
/* families/overlays/family.css */
.ov-hc-top b{display:block;font:var(--w-semibold) var(--text-card)/1.3 var(--font-title);font-stretch:var(--font-stretch-title)}
/* families/overlays/family.css */
.ov-hc-top small{display:block;color:hsl(var(--muted-foreground));font-size:var(--text-small)}
/* families/overlays/family.css */
.ov-hcard .ov-dl{grid-template-columns:auto minmax(0,1fr);margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid hsl(var(--border));font-size:var(--text-small)}
/* families/overlays/family.css */
.ov-hcard .ov-dl dd{font-weight:var(--w-regular)}
/* families/overlays/family.css */
.ov-hcard .ov-used{margin-top:var(--s-3);font-size:var(--text-small);color:hsl(var(--muted-foreground))}