/* ==========================================================================
   KOMPONEN: Page Back Navigation — NihongoDo
   UI-02: Navigasi balik untuk halaman yang lebih dari 1 level dalam.
   Muncul di atas konten utama, di bawah navbar.
   ========================================================================== */

.page-back-nav {
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--border);
}

.page-back-link {
  /* Override c-button untuk tampil lebih ringan */
  height: auto;
  padding: var(--space-1) var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-soft);
  gap: var(--space-1);
}
.page-back-link:hover {
  color: var(--text);
  background: var(--ink-2);
}

/* Breadcrumb visual — tanda pemisah antar level (opsional, untuk future use) */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--fs-sm);
  color: var(--text-soft);
  flex-wrap: wrap;
}
.breadcrumb-sep {
  color: var(--text-ghost);
  font-size: 10px;
  user-select: none;
}
.breadcrumb a {
  color: var(--text-soft);
}
.breadcrumb a:hover {
  color: var(--indigo-light);
}
.breadcrumb [aria-current="page"] {
  color: var(--text);
  font-weight: 600;
}