/* === BIO LAYOUT === */
.profile-wrap { align-items: flex-start; }
.profile-img   { border-radius: 6px; }

/* === PAPER PREVIEW LAYOUT === */
.paper        { display: flex; gap: 1.2rem; margin-bottom: 1.8rem; }
.paper-thumb  { width: 120px; height: auto; border-radius: 4px; flex-shrink: 0; }
.paper-body   { flex: 1; }

/* Mobile stack */
@media (max-width: 640px) {
  .paper        { flex-direction: column; }
  .paper-thumb  { width: 100%; max-width: 220px; }
}




body {
	  font-family:  Helvetica;
	  font-weight: 100;
  }


/* Email Pseudo link  */
.pseudo-link {
  color: #1EAEDB; }
.pseudo-link:hover {
  color: #0FA0CE; 
	cursor: pointer;
}



/* Google scholar fontawesome */
.icon-scholar {
  content: url('../misc/google-scholar.svg');
  height: 1em;
  width: auto;
}

Add this .custom-image-size {
  width: 50%; /* Adjust the percentage value to your desired width */
  height: auto; /* This will maintain the aspect ratio of the image */
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: white;
  overflow: hidden;
  top: 0px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: grey;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;

}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #777;
  color: white;
}

button {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: 'Poppins', helvetica;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.02em;
  overflow-x: hidden;
  /*input has OS specific font-family*/
  color: #898989;
  /*text-decoration: underline;*/
  cursor: pointer;
}

/* turn the bar into a two‑item flex row */
.topnav {
  display: flex;
  justify-content: space-between; /* left nav, right social */
  align-items: center;
  gap: 1rem;
}

/* keep existing spacing for section links */
.nav-links a { margin-right: 1.2rem; }

/* icon styling */
.social-links  { display: flex; gap: 1rem; }
.social-links a {
  font-size: 1.15rem;              /* size of the glyph */
  color: inherit; text-decoration: none;
  transition: opacity .2s ease;
}
.social-links a:hover,
.social-links a:focus { opacity: .7; }

/* optional: stack items on small screens */
@media (max-width: 640px) {
  .topnav  { flex-wrap: wrap; }
}