.pa-area-host { position: relative; display: inline; }
.pa-area-trigger { color: inherit; cursor: pointer; text-decoration: underline dotted color-mix(in srgb, currentColor 36%, transparent) 1px; text-underline-offset: .2em; }
.pa-area-inline-link { color: inherit; }
.pa-area-host > .public-knowledge-popover, .pa-area-host > .knowledge-popover { display: none !important; }
.pa-area-tooltip { position: fixed; z-index: 90; left: var(--pa-tip-left, 50vw); top: var(--pa-tip-top, 50vh); width: max-content; max-width: min(220px, calc(100vw - 24px)); padding: 9px 11px; color: var(--pa-forest, #123f35); background: #fffdf8; border: 1px solid var(--pa-line, #d8d1c5); border-radius: 9px; box-shadow: 0 8px 20px rgba(20,45,38,.1); font-family: Inter,Arial,sans-serif; font-style: normal; line-height: 1.25; opacity: 0; pointer-events: none; transform: translate(-50%,4px); transition: opacity 120ms ease,transform 120ms ease; }
.pa-area-tooltip strong { display: block; font-size: 14px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
@media (hover:hover) and (pointer:fine) { .pa-area-host:hover > .pa-area-tooltip, .pa-area-host:focus-within > .pa-area-tooltip { opacity: 1; transform: translate(-50%,0); } }
@media (hover:none),(pointer:coarse) { .pa-area-tooltip { display: none !important; } }
@media print { .pa-area-tooltip { display: none !important; } }