/* The shared stylesheet and verdigris.js own all site layout and components.
   Only public-preview visibility, notices and lock badges belong here. */
body.preview-page[data-ui="verdigris"][data-page-kind] > :not(script):not(.access-gate):not(.auth-modal) { visibility: visible !important; }
.preview-lock { width: 14px; height: 14px; flex-shrink: 0; vertical-align: middle; }
[data-preview-locked] { cursor: pointer; }
.link-pill .preview-lock, .hit .preview-lock { margin-left: 7px; }
.preview-page :is(.v-rail-link, #auth-pill, .v-context-link, .home-milestone) { position: relative; }
.preview-page :is(.v-rail-link, #auth-pill) > .preview-lock { position: absolute; width: 11px; height: 11px; right: 5px; bottom: 6px; }
.preview-page #auth-pill > .preview-lock { color: var(--color-nav-muted); }
.preview-page .v-context-link > .preview-lock { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.preview-page .v-context-link[data-preview-locked] { padding-right: 34px; }
.preview-page .home-milestone > .preview-lock { position: absolute; top: 18px; right: 18px; }
.preview-page .search-kbd .preview-lock { width: 12px; height: 12px; }
.preview-page .search-kbd { display: block; }
.preview-page .search-input { padding-right: 50px; }
.preview-page .v-dialog-account .preview-lock { margin-left: 8px; }
.preview-page .v-topbar-name .preview-lock { margin-left: 7px; }
.preview-notice { margin: 0 0 var(--space-6); color: var(--color-text-muted); font: 12px/1.5 var(--font-interface); }
.preview-notice a { color: var(--color-action); }
@media (max-width: 960px) {
  .preview-page .v-rail-link > .preview-lock { right: calc(50% - 20px); top: 15px; bottom: auto; }
}