/* Minimal clone-coding starter inspired by minhyein.com */
:root {
  --text: #333;
  --bg: #fff;
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; background: var(--bg); color: var(--text); }
a { 
  color: inherit; 
  text-decoration: none; }
a:hover { text-decoration: none;}



/* Layout similar to page-content padding seen in the source */
.page { display: flex; justify-content: flex-start; }
.page-content {
  padding: 3rem;
  text-align: left;
  width: 100%;
  max-width: 900px;
}

/* Typography cues from the source:
   h2 uses Times/serif and large size; nav small sans-serif */
.site-title {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 300;
  font-size: 2.6rem;
  line-height: 1.1;
  margin: 0 0 0.5rem 0;
}

.site-nav {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.75rem;
  margin-bottom: 2rem; 
}

.works {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.58rem;
  a {
    color: inherit;
    text-decoration: underline;
  }
  a:hover {
    text-decoration: underline; 
  }
}

.works li { margin: 0.15rem 0; }

.cv-row {
  display: grid;
  grid-template-columns: 200px 120px 1fr; /* 왼쪽 고정, 중간 좁게, 오른쪽 넓게 */
  margin-bottom: 0.3rem;
}

.cv-col {
  padding: 0.2rem 0.5rem;
}

.category {
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 350;
}
.year {
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 350;
  text-align: right;
  color: #333;
}
.detail {
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 350;
  text-align: right;
}