/* Scoped chrome so the actual race template keeps its own typography and colors. */
.template-preview-bar {
  position: relative; z-index: 50; display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 8px 24px; box-sizing: border-box; padding: 10px clamp(16px, 4vw, 48px);
  background: #f4f5f2; color: #181b19; border-bottom: 1px solid #cfd3cd;
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: normal;
}
.template-preview-bar a { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; color: #0033a3; font: inherit; font-weight: 600; text-decoration: none; }
.template-preview-bar a:hover { text-decoration: underline; text-underline-offset: 4px; }
.template-preview-bar a:focus-visible { outline: 3px solid #0040cb; outline-offset: 3px; }
.template-preview-bar__note { color: #5c625e; }
.template-preview-bar ::selection { background: #0040cb; color: white; }
@media (max-width: 600px) {
  .template-preview-bar { gap: 0 16px; font-size: 13px; }
  .template-preview-bar > span { order: 3; flex-basis: 100%; padding-bottom: 6px; }
}