/* Preview-only additions (tools/build-preview.mjs). */
.preview-banner {
  background: var(--ink);
  color: #fff;
  font-size: .86rem;
  line-height: 1.4;
  padding: 10px max(16px, env(safe-area-inset-left, 0px));
  text-align: center;
}
.preview-banner p { margin: 0; }
.preview-banner b { color: var(--sun-300); }
.preview-banner a { color: var(--sun-300); font-weight: 800; white-space: nowrap; }
.preview-note {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: var(--r-sm);
  background: var(--sun-100);
  color: var(--green-900);
  font-size: .85rem;
  font-weight: 700;
}
.nl-form .preview-note { flex-basis: 100%; }