/* ---------Style for table------------- */
body,
td,
th,
tr,
p,
a {
    font-family: Helvetica, Ariel, sans-serif;
    font-size: 16px;
}

/* ---------Style for table------------- */
table {
    border: 0;
    margin: auto;
    border-spacing: 0;
    border-collapse: collapse;
}

/* Inherit from table and set its width */
#main-table {
    width: 940px;
}

/* Inherit from table and set its width */
.sub-table {
    width: 100%;
}

/* ---------Style for td-------------------- */

/* td-with-padding */
.td-with-padding {
    padding: 10px;
    width: 100%;
}

.td-no-padding {
    padding-left: 20px;
    width: 100%;
}

/* ---------Style for HOME button-------------------- */

.home {
    position: absolute;
    left: 80%;
}

/* ---------Style for p-------------------- */
.p-center {
    text-align: center;
}

#email {
    font-family: monospace;
    font-size: 16px;
    color: #c56900;
}

/* ---------Style for name-------------------- */
name {
    font-family: Helvetica, Ariel, sans-serif;
    font-size: 34px;
    font-weight: bold;
}

prj {
    font-family: Helvetica, Ariel, sans-seri;
    font-size: 26px;
}

/* ---------Style for span-------------------- */
.emphasis {
    color: #c56900;
}

.align-right {
    float: right;
    text-align: right;
}

.smallerFont {
    font-size: small;
}

/* ---------Style for a-------------------- */
a {
    color: #1772d0;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #f09228;
    text-decoration: none;
}

/* ---------Style for li-------------------- */
.li-margin {
    margin-bottom: 10px;
}
/* ---------Style for my image-------------------- */
#Weiqi-image {
    width: 200px;
    border-radius: 125px;
}

/* ---------Style for project image-------------------- */
#prj-image {
    width: 840px;
}

/* ---------Style for heading-------------------- */
heading {
    font-family: Helvetica, Ariel, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.list-item-with-logo {
    display: flex;
    align-items: center; /* This aligns the logo and the text block vertically */
    margin-bottom: 12px;
}
.logo {
    width: 80px;
    height: 65px;
    margin-right: 15px;
    object-fit: contain;
    flex-shrink: 0;
}
.item-content {
    flex: 1;
}
    /* Remove default list styling */
.no-bullets {
    list-style-type: none;
    padding-left: 0;
}
#self-photo {
    width: 200px;
    height: 150px;
    border-radius: 0%;
    object-fit: contain;
    margin-left: 20px;
}
.info-container {
        display: flex;
        align-items: flex-start;
}
.info-text {
    flex-grow: 1;
}

.pub-title {
    margin: 0;
    margin-bottom: 3px;
    font-size: 17px;
    font-weight: bold;
}
.pub-authors {
    margin: 0;
    margin-bottom: 3px;
    font-size: 15px;
    color: gray;
}
.pub-authors .me {
    color: black;
    font-weight: bold;
}
.pub-venue {
    margin: 0;
    margin-bottom: 3px;
    font-size: 15px;
}
.pub-links {
    margin: 0;
    font-size: 15px;
  }
  .pub-links a {
    font-size: 15px;       /* ✅ enforce link size */
    text-decoration: none; /* optional: cleaner look */
    color: #0073e6;        /* optional: link color */
  }
  .pub-links a:hover {
    text-decoration: underline; /* hover effect */
  }

.publication {
    margin-bottom: 18px; /* space between publications */
    margin-left: 0;
}