/* Make social icons same height as buttons */
.actions .icon.brands {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.0em;          /* matches Hyperspace button height */
  width: 2.0em;
  font-size: 1.5em;
  background-color: transparent;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.85);
  margin-left: 0.5em;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

/* Hover effects consistent with buttons */
.actions .icon.brands:hover {
  background-color: var(--accent1, #2f5aa3); /* uses your accent if defined */
  color: #fff;
  border-color: var(--accent1, #2f5aa3);
}


/* Education section adjustments */
.education-list {
  display: flex;
  flex-direction: column;
  gap: 1.2em;
  margin-bottom: 2em; 
}

.edu-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8em;
  line-height: 1.4;
}

.edu-date {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  width: 6em; /* keeps alignment */
}

.edu-logo {
  max-height: 2.2em;
  height: auto;
  width: 2.2em;
  object-fit: contain;
  opacity: 1;
}

.edu-title {
  flex: 1;
  color: rgba(255, 255, 255, 0.9);
}


/* Experience section adjustments */
.experience {
  margin-bottom: 1.5em;
}

.exp-header {
  font-weight: bold; 
}

.exp-header i.fi {
  margin-left: 0.4em;
  opacity: 0.9;
  border-radius: 10%;
}

.exp-work {
  margin-left: 1em; 
}

/* Publications section adjustments */
/* Scope to publication buttons only */



/* Optional: make the icon vertically aligned with text */
#pub-list .button.icon i {
  vertical-align: middle;
}

/* Scoped for publication PDF / BibTeX buttons */
#pub-list .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.3em !important;
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
  padding: 0.4em !important;
  padding-left: 0.7em !important;
  font-size: 1em!important;
  /* margin-left: 0.5em!important; */
  border: none !important;
  background: none !important;
}
