/**
 * TotalDesign Semantic Hub bridge.
 *
 * Keep the shared td-hub-semantic-bridge-css handle backed by a real runtime
 * asset between hub-mobile.css and app-nav.css. Current Semantic Hub layout
 * rules live in the topic-lab module chain; this bridge prevents stale runtime
 * manifests and staging caches from producing a hard 404 for the base handle.
 */

.td-hub-entity-explorer__axis-index[data-axis-index="product"] {
  --td-product-axis-family-gap: clamp(0.82rem, 1.6vw, 1.05rem);
}

.td-hub-entity-explorer__axis-index[data-axis-index="product"] .td-hub-entity-explorer__axis-index-copy {
  max-width: 62ch;
}

.td-hub-entity-explorer__axis-index[data-axis-index="product"] .td-hub-entity-explorer__view-strip {
  display: none;
}

.td-hub-entity-explorer__axis-index[data-axis-index="product"] .td-hub-entity-explorer__axis-index-section {
  display: grid;
  gap: var(--td-product-axis-family-gap);
}

.td-hub-entity-explorer__axis-index[data-axis-index="product"] .td-hub-entity-explorer__axis-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: var(--td-product-axis-family-gap);
}

.td-hub-entity-explorer__axis-index[data-axis-topology="structural_tree"] .td-hub-entity-explorer__axis-card--hierarchy,
.td-hub-entity-explorer__axis-index[data-axis-topology="entity_tree"] .td-hub-entity-explorer__axis-card--hierarchy {
  min-height: 100%;
  align-items: flex-start;
}

.td-hub-entity-explorer__axis-index[data-axis-topology="structural_tree"] .td-hub-entity-explorer__axis-card-description,
.td-hub-entity-explorer__axis-index[data-axis-topology="entity_tree"] .td-hub-entity-explorer__axis-card-description {
  max-width: 42ch;
}

.td-hub-entity-explorer__axis-tree,
.td-hub-entity-explorer__axis-tree-children {
  display: grid;
  gap: 0.42rem;
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
}

.td-hub-entity-explorer__axis-tree-node {
  display: grid;
  gap: 0.34rem;
  min-width: 0;
}

.td-hub-entity-explorer__axis-tree-children--nested {
  margin-top: 0.18rem;
  margin-left: 0.7rem;
  padding-left: 0.72rem;
  border-left: 1px solid rgba(15, 23, 42, 0.12);
}

.td-hub-entity-explorer__axis-card-child-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 0.72rem;
  padding: 0.38rem 0.52rem;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1.2;
  text-decoration: none;
}

span.td-hub-entity-explorer__axis-card-child-link[aria-disabled="true"] {
  cursor: default;
}

.td-hub-entity-explorer__axis-tree-node-count {
  flex: 0 0 auto;
  font-size: 0.72rem;
  color: rgba(15, 23, 42, 0.62);
}

.td-hub-entity-explorer__axis-tree-node[data-presentation-role="variant"] > .td-hub-entity-explorer__axis-card-child-link {
  font-size: 0.9em;
}

.td-hub-entity-explorer__axis-tree-root[data-node-structural="true"] > .td-hub-entity-explorer__axis-card-copy > .td-hub-entity-explorer__axis-card-title-link {
  cursor: default;
}

@media (max-width: 640px) {
  .td-hub-entity-explorer__axis-tree-children--nested {
    margin-left: 0.36rem;
    padding-left: 0.48rem;
  }
}