/* CIDE RESEARCHER BIO PAGES — Shared Stylesheet (×6 pages)
   Developed by: Jim (separate author)
   ⚠️  NEEDS FULL REWRITE to use CIDE tokens and naming conventions.
   ⚠️  Coordinate with Jim before making changes.
   ⚠️  Bootstrap collision risk: .header, .title, .name, .section-title
       must be renamed to .cide-bio-* prefix immediately.
   ============================================================ */

/* TODO: rename to .cide-bio-header */
.cide-bio-header {
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

/* TODO: rename to .cide-bio-contact-info */
.cide-bio-contact-info {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

/* TODO: rename to .cide-bio-contact-item + align hover to gold */
.cide-bio-contact-item {
  color: #34495e;
  text-decoration: none;
  padding: 8px 15px;
  background: #ecf0f1;
  border-radius: 20px;
  font-size: 0.9em;
  transition: background-color 0.3s ease;
}

.cide-bio-contact-item:hover { background: #d5dbdb; }

/* TODO: rename to .cide-bio-profile-image */
.cide-bio-profile-image {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  display: block;
  margin: 0 auto;
}

/* TODO: rename to .cide-bio-image-wrapper */
.cide-bio-center-image { display: flex; justify-content: center; align-items: center; }

/* TODO: rename to .cide-bio-name + replace color with var(--text-dark) */
.cide-bio-name { font-size: 3em; color: #595955FF; margin-bottom: 10px; font-weight: normal; }

/* ⚠️  .title IS a Bootstrap class — RENAME IMMEDIATELY to .cide-bio-title */
.cide-bio-title { font-size: 1.3em; color: #595955FF; margin-bottom: 15px; font-style: italic; }

/* TODO: rename to .cide-bio-research-areas */
.cide-bio-research-areas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }

/* TODO: rename to .cide-bio-research-tag + replace hardcoded gold with var(--cu-gold) */
.cide-bio-research-tag {
  background: linear-gradient(135deg, #e1d6bb 0%, #cfb87c 100%);
  color: #333;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 0.9em;
  font-weight: 600;
}

/* TODO: rename to .cide-bio-section-title + replace #cfb87c with var(--cu-gold) */
.cide-bio-section-title {
  font-size: 2.5rem;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 3px solid #cfb87c;
}

.education-item, .position-item, .publication-item {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ecf0f1;
}

.education-item:last-child, .position-item:last-child, .publication-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* TODO: rename to .cide-bio-degree + replace #2c3e50 with var(--text-dark) */
.cide-bio-degree, .cide-bio-position-title { font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 5px; }

/* TODO: rename to .cide-bio-institution + replace color with var(--text-muted) */
.cide-bio-institution, .cide-bio-publication-venue { font-style: italic; color: #595955FF; margin-bottom: 5px; }

/* TODO: rename to .cide-bio-year */
.cide-bio-year { color: #595955FF; font-weight: bold; }

/* TODO: rename to .cide-bio-publication-title + replace #2c3e50 with var(--text-dark) */
.cide-bio-publication-title { font-weight: bold; color: #2c3e50; margin-bottom: 5px; }

/* TODO: rename to .cide-bio-authors + replace color with var(--text-muted) */
.cide-bio-authors { color: #595955FF; margin-bottom: 5px; }