/* peek.css — the hover panel for long texts (src/shared/components/peek.php, js/shared/app.js).
 * Loaded on every page after base.css. */

/* hover panel for long texts (src/shared/components/peek.php, app.js) */
.peek { position: relative; cursor: help; border-bottom: 1px dotted var(--muted); }
.peek-short { font-family: var(--mono); font-size: var(--fs-12); }
.peek-full {
  display: none; position: fixed; z-index: 50; max-width: min(92vw, 960px); max-height: 70vh; overflow: auto;
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-pop); padding: var(--s2) var(--s3); white-space: normal;
}
.peek-full pre { margin: 0; font-family: var(--mono); font-size: var(--fs-12); line-height: var(--lh-12); white-space: pre-wrap; word-break: break-word; }
.peek-bar { display: block; font-size: var(--fs-11); line-height: var(--lh-11); color: var(--muted); margin-bottom: var(--s2); }
.peek.show .peek-full, .peek.pinned .peek-full { display: block; }
.peek.pinned { border-bottom: 1px solid var(--accent); }