/* LG Studio Brand System · return chrome (shared)
   Lightweight ← Studio affordance for working brand surfaces.
   Does not replace page headers; mounts into existing chrome. */
.bs-studio-return {
  font-family: var(--font-system, ui-monospace, monospace);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-muted, #6F6A63);
  white-space: nowrap;
  line-height: 1.2;
  transition: color 0.15s ease;
}

.bs-studio-return:hover,
.bs-studio-return:focus-visible {
  color: var(--accent-action, var(--terracotta, #C96E53));
}

.bs-studio-return:focus-visible {
  outline: 2px solid var(--accent-action, var(--terracotta, #C96E53));
  outline-offset: 3px;
}

/* Hub top bar */
.top.has-bs-return {
  justify-content: flex-start;
  gap: 20px;
}

.top .bs-studio-return {
  flex-shrink: 0;
}

.top.has-bs-return .meta {
  margin-left: auto;
}

/* Brand Guide masthead */
.masthead-brand .bs-studio-return {
  margin-right: 4px;
}

/* Design System rail (ink) */
.rail-brand .bs-studio-return {
  color: var(--text-on-ink-muted, rgba(247, 242, 233, 0.62));
  margin-bottom: 2px;
}

.rail-brand .bs-studio-return:hover,
.rail-brand .bs-studio-return:focus-visible {
  color: var(--terracotta, #C96E53);
}

/* Asset Index ink masthead */
.masthead[data-surface="ink"] .bs-studio-return,
[data-surface="ink"] .bs-studio-return {
  color: var(--text-on-ink-muted, rgba(247, 242, 233, 0.62));
}

.masthead[data-surface="ink"] .bs-studio-return:hover,
.masthead[data-surface="ink"] .bs-studio-return:focus-visible,
[data-surface="ink"] .bs-studio-return:hover,
[data-surface="ink"] .bs-studio-return:focus-visible {
  color: var(--accent-action, #C96E53);
}

.top-row .bs-studio-return {
  display: inline-block;
  margin-bottom: 10px;
}

.bs-return-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

@media print {
  .bs-studio-return {
    display: none !important;
  }
}