/* Shared tooltip — appears immediately (not the native HTML title).
   Usage: add the attribute data-tooltip="…" to an element. Wrap multi-line text
   with a newline character (
 in HTML / "\n"). Shared by frontend and admin. */
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--ink,#2c2620);color:var(--cream,#fdfaf3);font-family:var(--sans,inherit);font-size:11px;line-height:1.5;text-align:left;letter-spacing:.3px;padding:6px 10px;border-radius:3px;white-space:pre-line;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:60}
[data-tooltip]::before{content:'';position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink,#2c2620);opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:60}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1}