/* The 库页 (chuancheng/templates/wensi/library.html): 法类 › 本典 › rows over
   the whole register. Sits on catalogue_list.css for the tree and the chips
   and on wensi_work.css for the course-row pieces (法师, 专业, 在学, 去学). */

/* A chip that stacks with its neighbours says it is on with a ✓; the rows
   that pick one (法类, 分类) have no tick to give. */
.cat-chip__tick {
  font-size: 0.8em;
  margin-right: 3px;
}

/* A 课程 row: not a disclosure, a link to the course's own page. */
.lib-course {
  border-top: 1px solid #ecece0;
}

.lib-course__head {
  align-items: center;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  list-style: none;
}

.lib-course__main {
  align-items: baseline;
  display: flex;
  flex: 1 1 200px;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.lib-course__title {
  flex: 0 1 auto;
  text-decoration: none;
}

.lib-course__title:hover {
  color: #4a7c59;
  text-decoration: underline;
}

.lib-row__mark {
  color: #9a9a86;
  font-size: 0.75em;
}

@media screen and (max-width: 600px) {
  .lib-course__head .wk-row__go {
    display: none;
  }
}

/* The 专业 strip under the head: the chips in study order (the navbar's), a
   gap where the band changes. The
   chips are the ones the 专业 page's course chips use (major_lessons.css), so
   the two pages say 专业 the same way. */
.lib-majors {
  align-items: center;
  border-bottom: 1px solid #e6e0cc;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-bottom: 14px;
  padding: 10px 0 12px;
}

.lib-majors__label {
  color: #8a8a78;
  flex: none;
  font-size: 0.82em;
}

.lib-majors__chips {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lib-majors__gap {
  border-left: 1px solid #d9d3bd;
  height: 1em;
  margin: 0 2px;
}

.lib-majors .mj-chip {
  background-color: #fdfdf8;
  border: 1px solid #dcd8c4;
  border-radius: 999px;
  color: #4e0d0d;
  font-size: 0.82em;
  line-height: 1.4;
  padding: 3px 11px;
  text-decoration: none;
  white-space: nowrap;
}

.lib-majors .mj-chip:hover {
  background-color: #fff;
  border-color: rgba(78, 13, 13, 0.5);
}

@media (max-width: 600px) {
  .lib-majors__chips {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
  }
}

/* 专业 over the 辅导 shelves that are one, and a rule before the rest, in the
   分类 row: a shelf named for a 专业 and one that is not are told apart where
   they are picked. */
.cat-facets__group {
  color: #8a8a78;
  font-size: 0.78em;
  margin-left: 6px;
}

.cat-facets__rule {
  border-left: 1px solid #d9d3bd;
  height: 1em;
  margin: 0 4px;
}