/* PREVIEW banner — v2-redesign branch only. Delete this folder before merging to main. */
.preview-banner {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  padding: .5rem 3rem .5rem 1rem;
  background: #b91c1c; color: #fff;
  font-size: .85rem; font-weight: 600; line-height: 1.35; text-align: center;
}
.preview-banner p { margin: 0; }
.preview-banner a { color: #fff; text-decoration: underline; }
.preview-banner a:hover { color: #fff; }
.preview-banner__close {
  position: absolute; right: .5rem; top: 50%; transform: translateY(-50%);
  width: 2.25rem; height: 2.25rem; border: 0; border-radius: 4px;
  background: transparent; color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.preview-banner__close:hover { background: rgba(255, 255, 255, .18); }
.preview-banner :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
body { padding-top: var(--preview-h, 3.5rem); }
.site-header { top: var(--preview-h, 3.5rem); }
.preview-dismissed .preview-banner { display: none; }
.preview-dismissed body { padding-top: 0; }
.preview-dismissed .site-header { top: 0; }