/* Academic-style overrides for Yilia — loaded after main bundle */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap");

body,
button,
input,
select,
textarea {
  font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  color: #1e293b;
}

.left-col #header .header-author,
.article-inner h1,
.article-inner h2,
.article-inner h3,
.article-title,
.home-resume-title,
.home-posts-heading {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
}

.article-inner h1.article-title,
.article-title {
  font-weight: 600;
  color: #0f172a;
}

.article-header {
  border-left-color: #1e3a5f;
}

.mid-col {
  background: #eef2f6;
}

.mid-col.show .article {
  background: rgba(255, 255, 255, 0.92);
}

.article {
  border-color: #cbd5e1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.article-entry a,
.left-col #header a:hover {
  color: #1e4976;
}

.article-entry a:hover {
  color: #0f172a;
  text-decoration: underline;
}

#container.show {
  background: #dce4ee !important;
}

/* Homepage CV spotlight */
.home-resume-spotlight {
  margin: 30px 30px 0;
  padding: 0;
}

.home-resume-inner {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-left: 4px solid #1e3a5f;
  padding: 1.5rem 1.75rem 1.75rem;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.home-resume-title {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0f172a;
  line-height:1.3;
}

.home-resume-affil {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  color: #475569;
  line-height: 1.5;
}

.home-resume-subtitle {
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  color: #64748b;
  line-height: 1.55;
  max-width: 42em;
}

.home-resume-btn {
  display: inline-block;
  padding: 0.5rem 1.15rem;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  color: #fff !important;
  text-decoration: none !important;
  background: #1e3a5f;
  border-radius: 3px;
  transition: background 0.2s ease;
}

.home-resume-btn:hover {
  background: #152a45;
  text-decoration: none !important;
}

.home-posts-heading {
  margin: 2rem 30px 0;
  padding-bottom: 0.35rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: #334155;
  border-bottom: 1px solid #cbd5e1;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 800px) {
  .home-resume-spotlight {
    margin: 10px 10px 0;
  }
  .home-resume-inner {
    padding: 1.25rem 1rem;
  }
  .home-posts-heading {
    margin: 1.5rem 10px 0;
    max-width: calc(100% - 20px);
  }
}

/* Resume page */
.resume-page {
  color: #1e293b;
}

.resume-page h2 {
  margin-top: 1.8rem;
  border-bottom: 1px solid #dbe3ed;
  padding-bottom: 0.35rem;
}

.resume-page h3 {
  margin-top: 1.2rem;
  border-bottom: none;
  color: #1e3a5f;
}

.resume-intro-card {
  margin: 0 0 1.5rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid #cbd5e1;
  border-left: 4px solid #1e3a5f;
  background: #f8fafc;
}

.resume-intro-card h2 {
  margin: 0 0 0.35rem;
  padding: 0;
  border: none;
  color: #0f172a;
}

.resume-role {
  margin: 0 0 0.8rem;
  color: #334155;
  font-size: 0.98rem;
}

.resume-links {
  margin: 0.8rem 0 0;
  font-size: 0.92rem;
}

.resume-page ul {
  margin: 0.4rem 0 1rem;
}

.resume-page li {
  margin-bottom: 0.25rem;
}

#footer .footer-divider {
  margin: 0 0.45rem;
  color: #94a3b8;
}