/* =============================================================================
   Page: Contact — Scientists' Profile
   File: css/pages/contact-scientists.css
   =============================================================================
   Page-specific styles only. Shared header/nav/footer/typography live in
   css/base.css — do not repeat them here.

   This replaces a big block of inline styles that used to hardcode a
   brown/gold/tan colour set (#B8860B, #DFD2AC, #EFE6CE...) straight into the
   HTML, bypassing the site's palette entirely. Everything below reads from
   the shared --wine variables instead, so it moves automatically if the
   palette ever changes again.
   ========================================================================== */

.sci-table{
  width:100%; border-collapse:collapse; font-family:inherit;
  background:var(--surface); border:1px solid var(--line);
}
.sci-th{
  background:var(--wine); color:#fff; text-align:left; font-size:11px;
  letter-spacing:.05em; text-transform:uppercase; padding:12px 14px;
  border:1px solid var(--wine);
}
.sci-section{
  background:var(--wine-tint); padding:9px 14px; font-weight:700; font-size:13px;
  color:var(--wine-dark); border:1px solid var(--line); letter-spacing:.02em;
}
.sci-td{
  padding:10px 14px; border:1px solid var(--line); vertical-align:middle;
}
.sci-td--contact{font-size:12px}
.sci-avatar{
  width:42px; height:42px; object-fit:cover; border-radius:50%;
  border:2px solid var(--wine); vertical-align:middle; margin-right:6px;
}
.sci-link{color:var(--ink-2); text-decoration:none}
.sci-link:hover{color:var(--wine); text-decoration:underline}

.sci-view{
  display:inline-block; padding:6px 12px; border-radius:14px;
  background:var(--wine); color:#fff; font-size:11px; font-weight:700;
  text-decoration:none; white-space:nowrap;
}
.sci-view:hover{background:var(--wine-dark)}

/* Designation badges — one colour family (wine), shaded by seniority
   instead of the old unrelated navy/teal/olive/gold mix. */
.badge{
  display:inline-block; padding:4px 10px; border-radius:12px; color:#fff;
  font-size:10.5px; font-weight:700; white-space:nowrap;
}
.badge--director{background:var(--wine-dark)}
.badge--d{background:var(--wine)}
.badge--c{background:#9c3568}
.badge--b{background:#b6577f}
.badge--vacant{background:var(--surface-2); color:var(--ink-3)}