@charset "UTF-8";

/* 카드 */
aside .card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: none;
}

/* 헤더 */
aside .card-header {
  font-weight: 600;
  font-size: 15px;
  padding: 12px 16px;
  border-bottom: 1px solid #eef0f2;
  background: #fff;
}

/* 카테고리 */
.category-tree,
.subcategory-tree {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-item {
  border-bottom: 1px solid #f1f3f5;
}

.category-item:last-child {
  border-bottom: none;
}

.category-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  line-height: 1.35;
}

.category-link {
  color: black;
  text-decoration: none;
  font-size: 14px;
}

.category-link:hover {
  background: #f8fafc;
  color: #094ce3;
  text-decoration: none;

  border: 0;
  padding: 0;
}

.category-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  background: #6b7280;
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}

.subcategory-tree .category-row {
  padding: 6px 16px 6px 34px;
}

.subcategory-tree .category-link {
  font-size: 13px;
}

/* 인기글 */
aside .list-group-item {
  border: 0;
  border-bottom: 1px solid #f1f3f5;
  padding: 0;
}

aside .list-group-item:last-child {
  border-bottom: none;
}

aside .list-group-item a {
  display: block;
  padding: 8px 16px;
  color: black;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.4;
}

aside .list-group-item a:hover {
  background: #f8fafc;
  color: #094ce3;
}

/* 태그 */
aside .btn {
  border-radius: 999px;
  margin: 2px;
  font-size: 12px;
  padding: 4px 10px;
}

/* 유틸리티 */
.utility-tree,
.subutility-tree {
  list-style: none;
  padding: 0;
  margin: 0;
}

.utility-item {
  border-bottom: 1px solid #f1f3f5;
}

.utility-item:last-child {
  border-bottom: none;
}

.utility-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  gap: 10px;
  line-height: 1.35;
}

.utility-link {
  color: black;
  text-decoration: none;
  font-size: 14px;
}

.utility-link:hover {
  background: #f8fafc;
  color: #094ce3;
  text-decoration: none;

  border: 0;
  padding: 0;
}

.utility-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  background: #6b7280;
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}

.subutility-tree .utility-row {
  padding: 6px 16px 6px 34px;
}

.subutility-tree .utility-link {
  font-size: 13px;
}

/* 모바일 */
@media (max-width: 991px) {
  aside {
    margin-top: 12px;
  }

  .category-row {
    padding: 8px 14px;
  }
  .utility-row {
    padding: 8px 14px;
  }

  .subcategory-tree .category-row {
    padding: 6px 14px 6px 28px;
  }
  .subutility-tree .utility-row {
    padding: 6px 14px 6px 28px;
  }

  aside .list-group-item a {
    padding: 8px 14px;
  }
}