:root {
  color-scheme: light;
  --background: #ffffff;
  --foreground: #172b43;
  --muted-foreground: #526071;
  --primary: #163f65;
  --border: #dce2e9;
  --accent: #997522;
}
* { box-sizing: border-box; }
html { font-size: 100%; }
body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
.profile {
  width: min(54rem, calc(100% - 3rem));
  margin: clamp(3rem, 10vh, 7rem) auto 4rem;
  border-top: 3px solid var(--accent);
}
.identity { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem 0 2.7rem; }
.identity-copy { min-width: 0; }
.institution-mark { flex: 0 0 9rem; display: block; }
.institution-mark img { display: block; width: 100%; height: auto; }
.institution-mark:focus-visible { outline: 2px solid var(--primary); outline-offset: 7px; }
.eyebrow { margin: 0 0 1.6rem; color: var(--muted-foreground); font-size: 0.875rem; letter-spacing: 0.07em; }
h1 {
  margin: 0 0 1.35rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.8rem, 7vw, 4.4rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1.1;
}
p { margin: 0; }
.position { font-size: 1.2rem; }
.institution { color: var(--muted-foreground); }
h2 { margin: 0 0 0.8rem; font-size: 0.9rem; font-weight: 650; letter-spacing: 0.025em; }
.about { padding: 2rem 0 2.4rem; border-top: 1px solid var(--border); }
.about p { max-width: 44rem; font-size: 1.075rem; }
.interests { padding: 2rem 0 2.4rem; border-top: 1px solid var(--border); }
.interests ul { max-width: 46rem; margin: 0; padding-left: 1.2rem; list-style: disc; }
.interests li + li { margin-top: 0.7rem; }
.interests strong { font-weight: 600; }
.details { display: grid; grid-template-columns: 1.45fr 1fr; gap: 2.5rem; padding: 2rem 0; border-top: 1px solid var(--border); }
.degree { font-weight: 550; }
.muted { color: var(--muted-foreground); font-size: 0.9rem; margin-top: 0.3rem; }
.email { color: var(--primary); text-decoration-thickness: 1px; text-underline-offset: 0.3em; overflow-wrap: anywhere; }
.email:hover { color: #0b243d; }
.email:focus-visible { outline: 2px solid var(--primary); outline-offset: 5px; }
.external-profile { margin-top: 0.65rem; }
@media (max-width: 36rem) {
  .profile { margin-top: 2rem; }
  .identity { flex-direction: column; align-items: flex-start; padding-top: 2rem; }
  .institution-mark { flex-basis: auto; width: 6rem; }
  .details { grid-template-columns: 1fr; gap: 2rem; }
}