/* Inetro peek: highlighted terms that reveal a small card on hover / tap. */
.peek{
  cursor:help;border-radius:4px;color:inherit;
  text-decoration:underline dotted #1CA27E;text-decoration-thickness:2px;text-underline-offset:4px;
  background:linear-gradient(transparent 58%,rgba(28,162,126,.18) 58%) no-repeat 0 0/0% 100%;
  transition:background-size .25s ease,color .15s;
  -webkit-tap-highlight-color:transparent;
}
.peek:hover,.peek[data-open]{background-size:100% 100%;text-decoration-style:solid}
.peek:focus{outline:none}
.peek:focus-visible{outline:2px solid #1CA27E;outline-offset:2px}

.peek-card{
  position:fixed;top:0;left:0;z-index:9000;box-sizing:border-box;
  width:max-content;max-width:min(300px,calc(100vw - 24px));min-width:220px;
  padding:14px 16px 15px;border-radius:16px;
  background:var(--surface,#fff);border:1px solid var(--line,#e4e9e7);color:var(--ink-2,#2b3a35);
  box-shadow:0 18px 40px -12px rgba(13,23,20,.22),0 3px 10px rgba(13,23,20,.06);
  font:400 14px/1.5 Manrope,system-ui,sans-serif;text-align:left;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);
  transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
}
.peek-card[data-side=bottom]{transform:translateY(-6px)}
.peek-card.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .15s ease,transform .15s ease}
.peek-arrow{position:absolute;left:var(--peek-ax,50%);width:12px;height:12px;margin-left:-6px;background:var(--surface,#fff);border:1px solid var(--line,#e4e9e7);transform:rotate(45deg);bottom:-7px;border-top:0;border-left:0;border-radius:0 0 3px 0}
.peek-card[data-side=bottom] .peek-arrow{top:-7px;bottom:auto;border:1px solid var(--line,#e4e9e7);border-right:0;border-bottom:0;border-radius:3px 0 0 0}
.peek-t{font:600 15px/1.3 Manrope,system-ui,sans-serif;color:var(--ink,#0d1714);margin-bottom:4px;letter-spacing:-.01em}
.peek-b{margin:0}
.peek-vis{margin:-4px -6px 11px;padding:8px;border-radius:11px;background:#f4f7f6}
.peek-vis-anim{padding:2px 8px}
.peek-vis [data-anim]{max-width:200px}
@media (prefers-reduced-motion:reduce){.peek,.peek-card,.peek-card.is-open{transition:none}.peek-card,.peek-card[data-side=bottom]{transform:none}}

/* tiny mock-UI helpers for peek content */
.pk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 9px;margin-top:4px;border-radius:8px;background:#fff;font:600 12px/1.35 Manrope,system-ui,sans-serif;color:#2b3a35;box-shadow:0 1px 0 rgba(13,23,20,.05)}
.pk-row:first-child,.pk-code:first-child{margin-top:0}
.pk-chip{flex:none;padding:1px 8px;border-radius:999px;font:700 11px/1.6 Manrope,system-ui,sans-serif;background:#e6f5ef;color:#127355}
.pk-ok{background:#e6f5ef;color:#127355}
.pk-bad{background:#ffe7e3;color:#b3392c}
.pk-warn{background:#fff2d6;color:#8a5a00}
.pk-mono,.pk-code{font:500 11.5px/1.5 "JetBrains Mono",ui-monospace,monospace;color:#2b3a35}
.pk-code{display:block;margin-top:4px;padding:5px 9px;border-radius:8px;background:#fff;overflow-wrap:anywhere}
.pk-hl{background:#e6f5ef;color:#0f5e46}
.pk-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#1CA27E;vertical-align:1px}
.pk-dot-bad{background:#ef6f5e}.pk-dot-warn{background:#f6c453}.pk-dot-lav{background:#8b7cf6}
.pk-bar{height:8px;margin:8px 2px 4px;border-radius:99px;background:#fff;overflow:hidden}
.pk-bar i{display:block;height:100%;border-radius:99px;background:#1CA27E}
.pk-note{margin:4px 2px 0;font:500 11.5px/1.4 Manrope,system-ui,sans-serif;color:#5c6b66}