.mono-font {
  font-family: 'Inconsolata', Consolas, ui-monospace, SFMono-Regular, Menlo, Monaco, Liberation Mono, Courier New, monospace;
}

.doi-popup {
  width: 210px !important;
}

/* Altmetric + Dimensions badge custom styling */

.altmetric-embed, .__dimensions_Badge_Legend_always {
  font-family: inherit !important;
  background: transparent !important;
  font-size: 0.85rem;

}

.altmetric-see-more-details {
  display: none !important;
}

.metrics-box * {
  font-family: inherit !important;
  font-size: inherit !important;
}

/* Target the Dimensions badge container */
.__dimensions_Badge_Image {
  position: relative;
  font-family: 'Segoe UI', system-ui, sans-serif !important;
}

/* Make the citation count larger and preserve original styling */
.__db_score {
  font-size: 2.5rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-align: center;
  margin-top: 1rem;
}

.__dimensions_Badge_Legend, .altmetric_container
{margin-top:20px!important;}

.__dimensions_Badge_Legend_padding {
  padding: 0 !important;
}

.loader {
  width: 36px; /* 60% of 60px */
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #000 90%, #0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
  margin: 1rem auto 0.25rem auto; /* center vertically and space it */
}
@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}

.metrics-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* vertical alignment */
  align-items: center;       /* horizontal alignment */
  min-height: 100px;         /* guarantees enough space to look centered */
}

.custom-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.custom-col {
  background-color: #f3f4f6; /* Tailwind's bg-gray-100 */
  border-radius: 0.5rem;     /* rounded */
  padding: 1rem;
  width: 100%;
}

/* 1000–1279px: side-by-side */
@media (min-width: 1000px) and (max-width: 1279px) {
  .custom-columns {
    flex-direction: row;
  }
  .custom-col {
    width: calc(50% - 0.5rem); /* subtract half the gap */
  }
}

/* >1800px: side-by-side */
@media (min-width: 1801px) {
  .custom-columns {
    flex-direction: row;
  }
  .custom-col {
    width: calc(50% - 0.5rem);
  }
}

#authorsTable thead {
  position: sticky;
  top: 0;
  background-color:bg-gray-200;
  z-index: 10;
}