/* Source-specific citation cards added without changing the existing global stylesheet. */
.metrics-band.metrics-band-sources{
  display:block;
  overflow:hidden;
}
.metrics-band.metrics-band-sources .metrics-group{
  padding:0;
  border:0;
}
.metrics-band.metrics-band-sources .metrics-group + .metrics-group{
  border-top:1px solid var(--line);
}
.metrics-group-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding:11px 18px 9px;
  border:0!important;
  background:#f7f9fb;
}
.metrics-group-heading span{
  color:var(--brand)!important;
  font-size:.68rem!important;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.metrics-group-heading small{
  color:var(--muted);
  font-size:.64rem;
}
.metrics-output-grid,
.metrics-impact-grid{
  display:grid;
  padding:0!important;
  border:0!important;
}
.metrics-output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metrics-impact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metrics-output-grid .metric-compact{
  display:block;
  min-width:0;
  padding:19px 18px 20px;
  border-right:1px solid var(--line);
  color:inherit;
  text-decoration:none;
  background:#fff;
  transition:background-color .15s ease,box-shadow .15s ease;
}
.metrics-output-grid .metric-compact:last-child{border-right:0}
.metrics-output-grid .metric-compact:hover,
.metrics-output-grid .metric-compact:focus-visible{
  background:#f2f5f8;
  box-shadow:inset 0 0 0 2px rgba(35,74,112,.14);
  outline:none;
}
.metrics-output-grid .metric-compact strong{font-size:2rem;line-height:1}
.metrics-output-grid .metric-compact span{margin-top:7px;font-size:.72rem}
.metrics-band.metrics-band-sources .metric-source-card-wrap{
  padding:0;
  border-right:1px solid var(--line);
}
.metrics-band.metrics-band-sources .metric-source-card-wrap:nth-child(4){border-right:0}
.metric-source-card{
  min-height:100%;
  padding:16px 18px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  color:inherit;
  text-decoration:none;
  background:#fff;
  transition:background-color .15s ease,box-shadow .15s ease;
}
.metric-source-card:hover,
.metric-source-card:focus-visible{
  background:#f2f5f8;
  box-shadow:inset 0 0 0 2px rgba(35,74,112,.14);
  outline:none;
}
.metrics-band .metric-source-card .metric-primary{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin:0;
  line-height:1.08;
}
.metrics-band .metric-source-card .metric-primary > span{
  display:inline;
  color:var(--brand);
  font-family:"Source Serif 4",serif;
  font-size:1.82rem;
  line-height:1;
}
.metrics-band .metric-source-card .metric-primary small{
  color:var(--ink);
  font-family:Inter,"Noto Sans TC",sans-serif;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.metrics-band .metric-source-card .metric-secondary{
  display:block;
  color:var(--muted);
  font-size:.69rem;
  line-height:1.4;
  white-space:nowrap;
}
.metrics-band .metric-source-card .metric-secondary b{
  color:var(--ink);
  font-size:.78rem;
}
.metrics-band .metric-source-card .metric-secondary i{
  padding:0 3px;
  font-style:normal;
  color:#9aa5af;
}
.metrics-band .metric-source-card .metric-source-name{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:4px;
  color:var(--brand);
  font-size:.68rem;
  font-weight:750;
  line-height:1.3;
}
.metrics-band .metric-source-card .metric-source-name img{
  display:block;
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  flex:0 0 23px;
  padding:2px;
  border:1px solid #e2e7ec;
  border-radius:5px;
  background:#fff;
  object-fit:contain;
}
.metrics-band .metric-source-card .metric-source-name .metric-logo-crossref{
  padding:1px;
}
.button-with-logo{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.button-with-logo img,
.footer-logo-link img{
  display:block;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  flex:0 0 18px;
  padding:1px;
  border-radius:4px;
  background:#fff;
  object-fit:contain;
}
.footer-logo-link{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.profile-directory.profile-directory-logos a{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:54px;
}
.profile-logo-frame{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #dde4ea;
  border-radius:7px;
  background:#fff;
}
.profile-logo-frame img{
  display:block;
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  flex:0 0 24px;
  padding:3px;
  object-fit:contain;
}
.profile-logo-frame.profile-logo-scopus img{
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  padding:2px;
}
.profile-logo-frame.profile-logo-wos img{
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  padding:1px;
}
.profile-logo-text{
  color:var(--brand);
  background:#f2f5f8;
  font-size:.76rem;
  font-weight:800;
}
.metric-reader-card{
  padding:16px 18px 14px!important;
  border:0!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
}
.metrics-band .metric-reader-card strong{font-size:1.82rem;line-height:1}
.metrics-band .metric-reader-card span{margin-top:6px;font-size:.72rem;color:var(--ink)}
.metrics-band .metric-reader-card small{margin-top:4px;color:var(--muted);font-size:.64rem}

@media (max-width:1000px){
  .metrics-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrics-band.metrics-band-sources .metric-source-card-wrap:nth-child(2){border-right:0}
  .metrics-band.metrics-band-sources .metric-source-card-wrap:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .metric-reader-card{border-top:1px solid var(--line)!important}
}
@media (max-width:620px){
  .metrics-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrics-output-grid .metric-compact:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .metrics-output-grid .metric-compact:nth-child(2){border-right:0}
  .metrics-impact-grid{grid-template-columns:1fr}
  .metrics-band.metrics-band-sources .metric-source-card-wrap{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .metric-source-card{padding:17px 18px}
  .metrics-group-heading{padding-inline:14px}
  .profile-directory.profile-directory-logos a{min-height:50px}
}
