.atlas-breadcrumbs {
  max-width: var(--content-width);
  margin-bottom: var(--space-5);
  font-size: var(--font-size-body-secondary);
}

.atlas-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.atlas-breadcrumbs li {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
}

.atlas-breadcrumbs li:not(:last-child)::after {
  content: "/";
  color: var(--color-text-secondary);
}

.atlas-breadcrumbs a {
  min-height: var(--touch-target);
  align-content: center;
  color: var(--color-secondary);
}

.atlas-breadcrumbs [aria-current="page"] {
  overflow-wrap: anywhere;
  color: var(--color-text-primary);
  font-weight: 700;
}

.atlas-search-context,
.atlas-opportunity-origin {
  display: grid;
  max-width: 64rem;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  padding: var(--space-4) 0;
  border-block: 1px solid var(--color-border);
}

.atlas-search-context {
  grid-template-columns: minmax(12rem, 1.4fr) minmax(12rem, 1fr) auto;
}

.atlas-search-context__identity,
.atlas-search-context__status {
  min-width: 0;
}

.atlas-search-context__identity strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: var(--font-size-card-title);
}

.atlas-search-context__status span,
.atlas-opportunity-origin span {
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-label);
}

.atlas-search-context__status p {
  margin: var(--space-1) 0 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
}

.atlas-context-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
}

.atlas-button[data-variant="tertiary"] {
  border-color: transparent;
  background: transparent;
  color: var(--color-secondary);
}

.atlas-opportunity-origin {
  grid-template-columns: minmax(0, 1fr) auto;
}

.atlas-opportunity-origin strong,
.atlas-opportunity-origin span {
  display: block;
}

.atlas-opportunity-origin strong {
  overflow-wrap: anywhere;
}

.atlas-opportunity-origin span {
  margin-top: var(--space-2);
}

.atlas-opportunity-origin[data-state="unavailable"] {
  border-left: var(--space-1) solid var(--color-information);
  padding-left: var(--space-4);
}

.atlas-result-item {
  scroll-margin-block: calc(var(--navigation-height) + var(--space-5));
}

.atlas-result-item:target {
  outline: var(--focus-ring-width) solid var(--color-focus);
  outline-offset: var(--focus-ring-offset);
  border-left: var(--space-1) solid var(--color-primary);
}

@media (max-width: 64rem) {
  .atlas-search-context {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .atlas-search-context .atlas-context-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 50rem) {
  .atlas-search-context,
  .atlas-opportunity-origin {
    grid-template-columns: 1fr;
  }

  .atlas-context-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 30rem) {
  .atlas-breadcrumbs {
    margin-bottom: var(--space-4);
  }

  .atlas-context-actions,
  .atlas-context-actions .atlas-button {
    width: 100%;
  }

  .atlas-context-actions {
    flex-direction: column;
  }

  .atlas-breadcrumbs li:last-child {
    max-width: 100%;
  }
}