.readable-reference{position:relative}.reference-preview{z-index:var(--z-menu);gap:var(--gap-item);width:400px;max-width:min(400px, calc(100vw - var(--space-l)));padding:var(--pad-card) var(--pad-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-overlay);color:var(--color-text);font-size:var(--working-size);line-height:var(--working-line);text-align:left;white-space:normal;animation:reference-preview-in var(--duration-overlay-in) var(--ease-out);flex-direction:column;display:flex}.reference-preview__title{font-weight:var(--weight-strong)}.reference-preview__path{color:var(--color-text-muted)}.reference-preview__summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reference-preview__go{color:var(--color-accent);text-underline-offset:3px;align-self:flex-start;text-decoration:underline;text-decoration-thickness:1px}.reference-preview__go:hover{color:var(--color-accent-pressed)}.reference-preview__go:is(:focus-visible,[data-focus-visible]){outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}@keyframes reference-preview-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xs)))}}.trail-back{top:var(--space-s);z-index:var(--z-sticky);margin:0 0 var(--gap-group);pointer-events:none;justify-content:flex-start;display:flex;position:sticky}.trail-back__button{min-height:var(--working-row);padding:0 var(--pad-control-x);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-overlay);color:var(--color-text);font-size:var(--working-size);line-height:var(--working-line);pointer-events:auto}.trail-back__button:hover{background:var(--color-hover)}.trail-back__button:is(:focus-visible,[data-focus-visible]){outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.readable-anchor,.readable-property{scroll-margin-top:48px}