/* ============================================================
   Academic economist website
   Model: Jayachandran (Princeton) -- cream, centered, serif, minimal
   ============================================================ */

:root {
  --cream: #faf7f5;
  --text: #2c2c2c;
  --text-light: #666666;
  --accent: #6b2d3e;
  --accent-hover: #552435;
  --border: #ddd8d3;
  --white: #ffffff;
}

body {
  font-family: 'Georgia', 'Times New Roman', serif;
  color: var(--text);
  background: var(--cream);
  line-height: 1.75;
  font-size: 0.98rem;
  margin: 0;
  padding: 0;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* --- Nav bar (simple horizontal links) --- */
.topnav {
  text-align: center;
  padding: 1.2rem 0 1rem 0;
  border-bottom: 1px solid var(--border);
  background: var(--cream);
  font-family: 'Georgia', serif;
  font-size: 0.95rem;
}

.topnav a {
  color: var(--text);
  margin: 0 1rem;
  text-decoration: none;
}

.topnav a:hover {
  color: var(--accent);
  text-decoration: none;
}

.topnav .sep {
  color: var(--border);
  margin: 0 0.3rem;
}

/* --- Hide default quarto navbar --- */
.navbar { display: none !important; }

/* --- Main content --- */
.main {
  max-width: 700px;
  margin: 2.5rem auto;
  padding: 0 1.5rem;
}

/* --- Home: profile --- */
.profile {
  text-align: center;
  margin-bottom: 1.5rem;
}

.profile img {
  width: 240px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-bottom: 1.2rem;
}

.profile h1 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  color: var(--text);
}

.profile .title {
  font-size: 0.95rem;
  color: var(--text-light);
  margin-bottom: 0.3rem;
}

.profile .email {
  font-size: 0.9rem;
  color: var(--text-light);
  margin-top: 0.8rem;
}

/* --- Bio text --- */
.bio {
  margin: 1.8rem 0;
  font-size: 0.98rem;
  line-height: 1.8;
}

/* --- Section labels --- */
.sec-label {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent);
  margin-top: 2rem;
  margin-bottom: 0.6rem;
  font-family: 'Georgia', serif;
}

/* --- Papers --- */
.paper {
  margin-bottom: 1.5rem;
}

.paper .p-title {
  font-weight: 700;
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.4;
}

.paper .p-authors {
  font-size: 0.88rem;
  color: var(--text-light);
  font-style: italic;
}

.paper .p-info {
  font-size: 0.9rem;
  color: var(--text-light);
  margin-top: 0.2rem;
}

.paper .p-link {
  font-size: 0.88rem;
  margin-top: 0.15rem;
}

/* --- CV download --- */
.cv-btn {
  display: inline-block;
  border: 1px solid var(--accent);
  color: var(--accent);
  padding: 0.4rem 1.4rem;
  border-radius: 3px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.2s;
}

.cv-btn:hover {
  background: var(--accent);
  color: var(--white);
  text-decoration: none;
}

/* --- Footer --- */
.foot {
  text-align: center;
  font-size: 0.78rem;
  color: var(--text-light);
  border-top: 1px solid var(--border);
  margin-top: 3rem;
  padding: 1.5rem 0;
}

/* --- Responsive --- */
@media (max-width: 600px) {
  .main { padding: 0 1rem; }
  .profile img { width: 180px; }
  .profile h1 { font-size: 1.5rem; }
  .topnav a { margin: 0 0.6rem; font-size: 0.88rem; }
}