@charset "utf-8";
body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    padding-top: 5.0rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

.card {
    border-radius: 0.8rem!important;
}

.card-img-overlay {
    border-radius: 0.8rem!important;
}

.rounded-xl {
    border-radius: 0.8rem!important;
}

.rounded-xl-bottom {
    border-bottom-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-xl-top {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}


.text-profile-position {
    font-weight: 400;
}

.text-profile-bio {
    /* font-family: "Raleway"; */
    font-weight: 400;
}

.navbar {
    background-color: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.inline-badge {
    height: 16px;
    vertical-align: -10%;
    margin-right: 2px;
    line-break: unset;
}

.no-break {
    white-space: nowrap;
}

.cover-image {
    width: 180px;
    max-height: 120px;
}

.abstract-body {
    min-height: 100px;
}

img.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

div.lazy {
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px 50px;
    min-height: 80px;
}

.badge-publication {
    font-size: 100%;
}

.email-text {
    font-family: Source Code Pro, monospace;
}

/* =========================================================
   SangYeop Jeong CV overrides
   ========================================================= */

/* 카드 완전 사각형 */
.card {
  border-radius: 0 !important;
}

.card-img-overlay,
.rounded-xl,
.rounded-xl-bottom,
.rounded-xl-top {
  border-radius: 0 !important;
}

/* 사진도 사각형 */
.img-thumbnail,
.rounded-circle {
  border-radius: 0 !important;
}

/* 전체 폭 */
.cv-main {
  max-width: 1140px;
}

/* 약간 더 compact하게 */
body {
  font-size: 15px;
  line-height: 1.5;
}

/* Profile card의 이름 */
.text-profile-position {
  font-size: 0.95rem;
}

.text-profile-bio {
  font-size: 0.95rem;
  line-height: 1.55;
}

/* Experience card 내부 */
.card-body {
  font-size: 0.9rem;
}

/* 긴 정보가 너무 커지지 않도록 */
.card h6 {
  font-size: 1rem;
}

/* =========================================================
   CV Information Card
   ========================================================= */

.cv-info-card {
  border: 0 !important;
  border-radius: 0 !important;
}

.cv-info-card .card-body {
  padding: 1.7rem 2rem;
}


/* =========================================================
   2 x 2 Grid
   ========================================================= */

.cv-info-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  column-gap: 3.5rem;
  row-gap: 2rem;
}


/* =========================================================
   Individual Section
   ========================================================= */

.cv-info-block {
  min-width: 0;
}

.cv-info-title {
  margin: 0 0 0.75rem;
  padding-bottom: 0.35rem;

  border-bottom: 1px solid #eeeeee;

  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
}


/* =========================================================
   Entry
   ========================================================= */

.cv-entry,
.cv-award-entry {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  gap: 1.25rem;
}

.cv-entry-main,
.cv-award-content {
  min-width: 0;
  flex: 1;
}

.cv-entry-heading {
  margin-bottom: 0.12rem;

  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.4;
}

.cv-entry-sub {
  margin-top: 0.08rem;

  color: #444;

  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.45;
}

.cv-entry-date {
  flex: 0 0 auto;

  padding-top: 0.05rem;

  color: #555;

  font-size: 0.75rem;
  font-style: italic;
  font-weight: 400;

  white-space: nowrap;
}


/* =========================================================
   Research Description
   ========================================================= */

.cv-entry-description {
  margin: 0.65rem 0 0;
  padding-left: 1.05rem;

  color: #333;
}

.cv-entry-description li {
  margin-bottom: 0.3rem;

  font-size: 0.77rem;
  line-height: 1.5;
}


/* =========================================================
   Awards
   ========================================================= */

.cv-award-detail {
  margin-top: 0.2rem;

  color: #666;
}


/* =========================================================
   Technical Skills
   ========================================================= */

.cv-skills {
  margin-top: 0.15rem;
}

.cv-skill-row {
  display: grid;

  grid-template-columns: 105px 1fr;

  gap: 0.7rem;

  margin-bottom: 0.35rem;

  font-size: 0.78rem;
  line-height: 1.45;
}

.cv-skill-name {
  font-weight: 700;
}

.cv-skill-value {
  color: #444;
}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 767.98px) {

  .cv-info-grid {
    grid-template-columns: 1fr;

    row-gap: 1.6rem;
  }

  .cv-info-card .card-body {
    padding: 1.25rem;
  }

  .cv-entry,
  .cv-award-entry {
    display: block;
  }

  .cv-entry-date {
    margin-top: 0.2rem;
  }

  .cv-skill-row {
    grid-template-columns: 1fr;

    gap: 0.05rem;
  }

}

/* =========================================================
   Publications
   ========================================================= */

.publication-card {
  border-radius: 0 !important;
}

.publication-card h6 {
  font-size: 0.95rem;
  font-weight: 700;
}

.publication-note {
  margin-left: 0.2rem;

  font-size: 0.78rem;
  font-weight: 400;
}

.publication-row {
  background: #ffffff;
}

.publication-cover {
  display: block;

  width: 100%;

  aspect-ratio: 3 / 2;
  object-fit: contain;

  background: #ffffff;

  border-radius: 0 !important;
}

.publication-title {
  font-size: 1rem;
  line-height: 1.35;
}

.publication-venue {
  color: #9a3324;
}

.publication-abstract {
  font-size: 0.78rem;
  line-height: 1.45;
}

.publication-links {
  margin-top: 0.15rem;

  font-size: 0.8rem;
}

.publication-links a {
  margin-right: 0.15rem;
  text-decoration: none;
}

@media (max-width: 767.98px) {

  .publication-cover {
    max-width: 260px;
  }

}