/* Page header reuse */
.page-header {
  position:relative; padding:80px 0 60px;
  background:var(--navy); overflow:hidden;
}
.ph-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 30% 50%, rgba(26,158,143,0.1) 0%, transparent 60%),
    linear-gradient(160deg,#0B1D3A 0%,#0e2448 100%);
}
.ph-bg::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);
  background-size:32px 32px;
}
.ph-inner { position:relative; z-index:1; }

/* ─── DB STATS ─── */
.db-stats-row {
  display:flex; gap:0; overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.db-stats-row::-webkit-scrollbar { display:none; }
.db-stat-card {
  flex:1; min-width:140px; padding:1.2rem 1rem; text-align:center;
  text-decoration:none; border-right:1px solid var(--border);
  transition:var(--transition); background:white;
}
.db-stat-card:last-child { border-right:none; }
.db-stat-card:hover { background:rgba(26,158,143,0.04); }
.dsc-name { font-size:0.7rem; font-weight:600; color:var(--text-muted); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:4px; }
.dsc-num { font-family:var(--font-display); font-size:2rem; font-weight:700; line-height:1; margin-bottom:2px; }
.dsc-lbl { font-size:0.72rem; color:var(--text-muted); margin-bottom:4px; }
.dsc-sub { font-size:0.72rem; color:var(--text-muted); }
.dsc-sub strong { color:var(--navy); }

/* ─── FILTER BAR ─── */
.filter-bar {
  display:flex; gap:1rem; align-items:center; flex-wrap:wrap;
  margin-bottom:2rem; padding:1.2rem 1.4rem;
  background:white; border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow-sm);
}
.filter-search {
  display:flex; align-items:center; gap:8px; flex:1; min-width:200px;
  color:var(--text-muted);
}
.filter-search input {
  border:none; outline:none; font-size:0.9rem; color:var(--text-dark);
  font-family:var(--font-body); flex:1; background:transparent;
}
.filter-search input::placeholder { color:var(--text-muted); }
.filter-tabs { display:flex; gap:0.4rem; flex-wrap:wrap; }
.ftab {
  padding:6px 16px; border-radius:20px; border:1.5px solid var(--border);
  background:transparent; color:var(--text-mid); font-size:0.8rem; font-weight:600;
  cursor:pointer; transition:var(--transition); font-family:var(--font-body);
}
.ftab.active { background:var(--teal); color:white; border-color:var(--teal); }
.ftab:hover:not(.active) { border-color:var(--teal); color:var(--teal); }

/* ─── PUB LIST ─── */
.pub-list { display:flex; flex-direction:column; gap:0; }
.pub-item {
  display:flex; gap:1.5rem; align-items:flex-start;
  padding:1.6rem 1.8rem; background:white; border:1px solid var(--border);
  border-radius:0; border-bottom:none; transition:var(--transition);
}
.pub-item:first-child { border-radius:var(--radius) var(--radius) 0 0; }
.pub-item:last-child { border-radius:0 0 var(--radius) var(--radius); border-bottom:1px solid var(--border); }
.pub-item:only-child { border-radius:var(--radius); border-bottom:1px solid var(--border); }
.pub-item:hover { background:rgba(26,158,143,0.03); border-color:rgba(26,158,143,0.25); z-index:1; position:relative; }

.pi-left { flex-shrink:0; padding-top:4px; }
.pi-num { font-family:var(--font-mono); font-size:0.72rem; color:var(--text-muted); font-weight:500; }

.pi-body { flex:1; min-width:0; }
.pi-meta { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:0.5rem; }
.pi-badge {
  padding:2px 9px; border-radius:4px; font-size:0.67rem; font-weight:700;
  letter-spacing:0.06em; text-transform:uppercase;
}
.pi-badge-index { background:rgba(11,29,58,0.07); color:var(--navy); }
.pi-badge-scopus { background:rgba(221,107,32,0.1); color:#c05621; }
.pi-badge-wos { background:rgba(43,108,176,0.1); color:#2c5282; }
.pi-badge-nat { background:rgba(26,158,143,0.1); color:var(--teal); }
.pi-year { font-size:0.72rem; color:var(--text-muted); font-family:var(--font-mono); margin-left:auto; }

.pi-title { font-size:0.95rem; font-weight:600; color:var(--navy); line-height:1.55; margin-bottom:0.35rem; }
.pi-journal { font-size:0.82rem; color:var(--text-muted); font-style:italic; margin-bottom:0.6rem; }
.pi-bottom { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.pi-cited { display:flex; align-items:center; gap:4px; font-size:0.78rem; color:var(--gold); font-weight:600; }
.pi-doi { font-size:0.75rem; color:var(--teal); text-decoration:none; font-family:var(--font-mono); }
.pi-doi:hover { text-decoration:underline; }

.no-results { text-align:center; padding:4rem 2rem; color:var(--text-muted); font-size:0.95rem; }

/* ─── RESPONSIVE ─── */
@media (max-width:700px) {
  .filter-bar { flex-direction:column; align-items:stretch; }
  .pub-item { flex-direction:column; gap:0.6rem; padding:1.2rem; }
  .pi-left { display:none; }
  .pi-year { margin-left:0; }
}