/* ============================================================
   Anthropic design tokens (extracted from anthropic.com)
   --swatch--ivory-light:   #faf9f5  (background)
   --swatch--slate-dark:    #141413  (primary text / links)
   --swatch--slate-light:   #5e5d59  (secondary text)
   --swatch--slate-medium:  #3d3d3a  (medium text)
   --swatch--clay:          #d97757  (accent only)
   --swatch--accent:        #c6613f  (accent hover)
   --swatch--ivory-dark:    #e8e6dc  (borders / dividers)
   --swatch--ivory-medium:  #f0eee6  (subtle backgrounds)
   body:  Source Serif 4 / Georgia Pro, 18px, 400, line-height 1.5, letter-spacing 0
   links: #E77500, no underline
   h1:    700, 2rem, letter-spacing -0.005em
   h2:    600, 1.5rem, letter-spacing -0.005em
   ============================================================ */

/* --- Base --- */
body {
  font-family: 'Source Serif 4', 'Georgia Pro', Georgia, serif;
  font-variant-numeric: lining-nums;
  background-color: #faf9f5;
  color: #141413;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0em;
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
  color: #141413;
  letter-spacing: -0.005em;
  line-height: 1.2;
}

h1 { font-size: 2.30rem; font-weight: 700; }
h2 { font-size: 2.0rem; font-weight: 600; }

/* --- Links --- */
a:link,
a:visited {
  color: #E77500;
  text-decoration: none;
}

/* Icon-only links: no underline */
a:has(> i):link,
a:has(> i):visited,
a:has(> i):hover {
  text-decoration: none;
}

a:hover {
  color: #C45F00;
  text-decoration: none;
}

/* Nav / icon buttons: no underline */
.navbar-item:link,
.navbar-item:visited,
.button:link,
.button:visited,
.navbar a:link,
.navbar a:visited {
  color: #141413;
  text-decoration: none;
}

.navbar a:hover {
  color: #E77500;
  text-decoration: none;
}

/* --- Legacy spans --- */
span.xiuyu { color: #141413; }
div.abstract { background-color: #f0eee6; padding: 5px; }
span.highlight,
span.highlight a:link,
span.highlight a:visited { color: #d97757; }
span.tag,
span.tag a:link,
span.tag a:visited { color: #3d3d3a; }

/* --- Navbar --- */
.navbar {
  background-color: #faf9f5;
  border-bottom: 1px solid #e8e6dc;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

a.navbar-item:focus,
a.navbar-item:hover {
  background-color: #f0eee6 !important;
  color: #E77500 !important;
}

/* --- Dividers --- */
hr {
  border-color: #e8e6dc;
  opacity: 1;
}

/* --- Publications --- */
.pub-row {
  margin-bottom: 2em;
}

.pub-thumbnail {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.pub-title {
  font-size: 18px;
  font-weight: 600;
  color: #141413;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: 1.4;
  text-decoration: none;
}

/* pub-title is typically not a link, but if it is, no underline */
.pub-title a:link,
.pub-title a:visited {
  text-decoration: none;
}

.pub-authors {
  font-size: 16px;
  color: #5e5d59;
  margin-bottom: 4px;
}

.pub-venue {
  font-size: 16px;
  color: #141413;
  font-weight: 500;
  margin-bottom: 20px;
}

.pub-links {
  font-size: 16px;
  margin-bottom: 4px;
  color: #5e5d59;
}

.pub-links a:link,
.pub-links a:visited {
  color: #5e5d59;
  text-decoration: none;
}

.pub-links a:hover {
  color: #E77500;
  text-decoration: none;
}

.pub-abstract {
  display: none;
  font-size: 16px;
  color: #5e5d59;
  border-left: 3px solid #E77500;
  padding: 8px 12px;
  margin-top: 8px;
  background: #fdf6ee;
  border-radius: 0 4px 4px 0;
  line-height: 1.5;
}

.pub-abstract p {
  margin-bottom: 0;
}

/* --- Venue highlight (Highlight / Oral badges) --- */
.venue-highlight {
  color: #E77500;
  font-weight: 700;
}

.venue-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #6b3a00;
  background: linear-gradient(120deg, #ffeaa7, #fdcb6e);
  border-radius: 20px;
  padding: 2px 10px;
  margin-left: 8px;
  vertical-align: middle;
  box-shadow: 0 1px 4px rgba(0,0,0,0.10);
  letter-spacing: 0.01em;
}

.venue-badge::before {
  content: "★ ";
  font-size: 10px;
}