/* Small, page-specific refinements loaded with the Container Buddy guide. */

body.container-buddy-guide-shell .main-header {
  z-index: 3500;
}

body.container-buddy-guide-shell .main-header .right,
body.container-buddy-guide-shell #accountMenu {
  z-index: 3600;
}

.container-buddy-guide .container-buddy-button-light {
  color: #111111;
}

.container-buddy-guide .container-buddy-listing-preview {
  display: grid;
  gap: 4px;
  margin-top: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.container-buddy-guide .container-buddy-listing-preview-label {
  margin: 0 0 2px !important;
  color: var(--cb-muted) !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.container-buddy-guide .container-buddy-listing-preview span {
  padding: 0;
  color: #59685e;
  background: transparent;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.38;
}

.container-buddy-guide [data-i18n="how.step1.outro"] {
  display: none;
}

@media (max-width: 640px) {
  .container-buddy-guide .container-buddy-listing-preview span {
    font-size: 10.5px;
  }
}