/* Knowledge tree level font steps widened (~0.2rem), version 50. */
@import url("./style.v49.css");

/*
  Widen the gap between adjacent levels (was ~0.06–0.13rem, now ~0.2rem),
  without simply scaling every size up.
  L1 1.15 → L2 0.95 → L3 0.75 → L4 0.55
*/
.c-knowledge-tree .c-tree-node--level-1,
.c-knowledge-tree__root-title.c-tree-node--level-1,
.c-knowledge-tree__branches > .c-tree-node-group:nth-child(n) > .c-tree-node--level-1 {
  min-height: 3.35rem;
  font-size: 1.15rem;
}

.c-knowledge-tree .c-tree-node--level-2,
.c-knowledge-tree__branches > .c-tree-node-group:nth-child(n) > .c-tree-node--level-2 {
  min-height: 2.9rem;
  font-size: 0.95rem;
}

.c-knowledge-tree .c-tree-node--level-3,
.c-knowledge-tree__branches > .c-tree-node-group:nth-child(n) > .c-tree-node--level-3 {
  min-height: 2.55rem;
  font-size: 0.75rem;
}

.c-knowledge-tree .c-tree-node--level-4,
.c-knowledge-tree__branches > .c-tree-node-group:nth-child(n) > .c-tree-node--level-4 {
  min-height: 2.25rem;
  font-size: 0.55rem;
}

.c-knowledge-tree .c-tree-node--level-1 svg,
.c-knowledge-tree__root-title.c-tree-node--level-1 svg {
  width: 1.05rem;
  height: 1.05rem;
}

.c-knowledge-tree .c-tree-node--level-2 svg {
  width: 0.95rem;
  height: 0.95rem;
}

.c-knowledge-tree .c-tree-node--level-3 svg {
  width: 0.85rem;
  height: 0.85rem;
}

.c-knowledge-tree .c-tree-node--level-4 svg {
  width: 0.75rem;
  height: 0.75rem;
}

@media (max-width: 639px) {
  .c-knowledge-tree .c-tree-node {
    min-height: 2.55rem;
    padding: 0.45rem 0.5rem;
  }

  .c-knowledge-tree .c-tree-node--level-1,
  .c-knowledge-tree__root-title.c-tree-node--level-1 {
    min-height: 3.1rem;
    font-size: 1.1rem;
  }

  .c-knowledge-tree .c-tree-node--level-2 {
    min-height: 2.7rem;
    font-size: 0.9rem;
  }

  .c-knowledge-tree .c-tree-node--level-3 {
    min-height: 2.4rem;
    font-size: 0.7rem;
  }

  .c-knowledge-tree .c-tree-node--level-4 {
    min-height: 2.15rem;
    font-size: 0.5rem;
  }
}