.ss-organizer-hub-nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--nav--gap, 0.25rem);
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
}

.ss-organizer-hub-nav-link {
  color: color-mix(in srgb, var(--nav--link--color, var(--color-secondary, #6b7280)) 88%, var(--ghost-accent-color, #c51624) 12%);
}

.ss-organizer-hub-nav-link > svg {
  color: color-mix(in srgb, var(--nav--link--icon--color, currentColor) 84%, var(--ghost-accent-color, #c51624) 16%);
}

.ss-organizer-hub-footer-link {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: var(--color-secondary, #6b7280);
  font-size: var(--font-small, 0.875rem);
  line-height: 1.35;
}

.ss-organizer-hub-footer-link a {
  color: inherit;
  text-decoration: none;
}

.ss-organizer-hub-footer-link a:hover,
.ss-organizer-hub-footer-link a:focus-visible {
  color: var(--color-primary, currentColor);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.ss-organizer-hub-submit-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  max-width: 46rem;
  margin: 0 auto 1rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--color-border, rgba(17, 24, 39, 0.14)) 80%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--color-background, #fff) 94%, var(--color-background-100, #f6f6f6) 6%);
  color: var(--color-secondary, #6b7280);
  font-size: 0.9rem;
  line-height: 1.35;
}

.ss-organizer-hub-submit-link--split {
  margin-left: 0;
  margin-right: auto;
}

.ss-submit-edit-page .ss-organizer-hub-submit-link {
  margin-left: 0;
  margin-right: auto;
}

.ss-organizer-hub-submit-link span {
  font-weight: 650;
}

.ss-organizer-hub-submit-link a,
.ss-organizer-hub-context-link a {
  color: color-mix(in srgb, var(--ghost-accent-color, #c51624) 80%, var(--color-contrast, #111827) 20%);
  font-weight: 700;
  text-decoration: none;
}

.ss-organizer-hub-submit-link a:hover,
.ss-organizer-hub-submit-link a:focus-visible,
.ss-organizer-hub-context-link a:hover,
.ss-organizer-hub-context-link a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

html.ss-claim-mode .ss-organizer-hub-submit-link {
  display: none !important;
}

.ss-organizer-hub-context-link {
  margin: -0.9rem 0 1.25rem;
  color: var(--color-secondary, #6b7280);
  font-size: 0.78rem;
  line-height: 1.35;
}

.ss-festival-claim-cta + .ss-organizer-hub-context-link {
  text-align: right;
}

[data-color-scheme="dark"] .ss-organizer-hub-submit-link,
:root[data-color-scheme="dark"] .ss-organizer-hub-submit-link {
  border-color: color-mix(in srgb, white 10%, transparent);
  background: color-mix(in srgb, var(--color-background, #111) 88%, white 12%);
  color: color-mix(in srgb, white 62%, #9ca3af 38%);
}

[data-color-scheme="dark"] .ss-organizer-hub-submit-link a,
:root[data-color-scheme="dark"] .ss-organizer-hub-submit-link a,
[data-color-scheme="dark"] .ss-organizer-hub-context-link a,
:root[data-color-scheme="dark"] .ss-organizer-hub-context-link a {
  color: color-mix(in srgb, var(--ghost-accent-color, #f87171) 54%, white 46%);
}

@media (max-width: 620px) {
  .ss-organizer-hub-submit-link {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0.85rem;
  }

  .ss-organizer-hub-context-link {
    margin: -0.65rem 0 1.1rem;
  }

  .ss-festival-claim-cta + .ss-organizer-hub-context-link {
    text-align: left;
  }
}