/* Lekhira Writes — the "Preview" note shown on the GitHub Pages build. */
.preview-note {
  position: fixed; left: 50%; top: 8px; transform: translateX(-50%); z-index: 400;
  display: flex; align-items: center; gap: 6px; max-width: calc(100vw - 24px);
  padding: 6px 8px 6px 14px; border-radius: 999px;
  background: rgba(30, 28, 26, 0.94); border: 1px solid rgba(201, 168, 106, 0.4);
  color: #d9d3c8; font: 12px/1.35 "Segoe UI", system-ui, sans-serif;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
}
.preview-note b { color: #c9a86a; font-weight: 600; }
.preview-note button { border: 0; background: transparent; color: #8b857b; font-size: 16px; line-height: 1; padding: 2px 6px; border-radius: 50%; cursor: pointer; }
.preview-note button:hover { color: #f3eee5; background: rgba(255, 255, 255, 0.08); }
body.focus .preview-note, body.printing .preview-note { display: none; }
@media (max-width: 620px) { .preview-note { top: auto; bottom: 10px; } }