/* ============================================================
   Publications archive — visual redesign.
   Applies the homepage design language (body.home-refined) to
   the publications page. Scoped to .pubs-refined. Loaded AFTER
   styles.css and BEFORE site-buttons.css.
   Constraints: fonts unchanged (Mukta body / Source Serif display),
   copy + images + links unchanged, card markup / data-attributes /
   search JS untouched. Style only.
   ============================================================ */

/* ---- Design tokens (identical values to redesign.css) ---- */
.pubs-refined {
  --ink-900: #0c2143;
  --accent: #12457e;
  --rule: #e7ecf2;
  --rule-strong: #d3dbe6;
  --paper: #f5f8fc;
  --shadow-card: 0 18px 40px -24px rgba(12,33,67,0.45);
  accent-color: var(--accent);
}

/* ---- Browser surfaces (themed, not default) ---- */
.pubs-refined ::selection { background: #cfe0f4; color: var(--ink-900); }
.pubs-refined :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }

/* ---- Section display headings: serif, tight tracking, deep navy.
   Scoped to the intro/more headings only — never the sans paper
   titles inside .publication-archive-item h2. ---- */
.pubs-refined .publication-archive__intro h2,
.pubs-refined .publication-more h2 {
  font-family: var(--serif);
  color: var(--ink-900);
  letter-spacing: -0.018em;
}
.pubs-refined .publication-more__person h3 {
  font-family: var(--serif);
  color: var(--ink-900);
  letter-spacing: -0.014em;
}

/* ---- Section kickers: refined tracked accent label ---- */
.pubs-refined section:not(.hero) .eyebrow {
  display: block;
  font-family: var(--sans);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  color: var(--accent);
  margin: 0 0 12px;
}

/* ============================================================
   PAGE BANNER — keep height; homepage-style blue-hue overlay
   ============================================================ */
.pubs-refined .page-banner .hero-overlay {
  background: linear-gradient(90deg,
    rgba(16,42,82,0.77) 0%, rgba(16,42,82,0.57) 45%, rgba(16,42,82,0.37) 100%);
}
.pubs-refined .breadcrumb { color: #c3d6ec; }

/* ============================================================
   RESULTS COUNT — hairline instead of a thick blue side-bar
   ============================================================ */
.pubs-refined .publication-archive__intro { border-bottom: 1px solid var(--rule); }
.pubs-refined .publication-archive__count { border-left: 1px solid var(--rule-strong); }
.pubs-refined .publication-archive__count strong { color: var(--ink-900); }
.pubs-refined .publication-archive__count span { color: var(--accent); }

/* ============================================================
   SEARCH / FILTERS — hairline fields, calm accent focus (no glow)
   ============================================================ */
.pubs-refined .publication-tools {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 12px;
}
.pubs-refined .publication-tools label > span { color: var(--accent); }
.pubs-refined .publication-tools input,
.pubs-refined .publication-tools select {
  border: 1px solid var(--rule-strong);
  border-radius: 8px;
}
.pubs-refined .publication-tools input:focus,
.pubs-refined .publication-tools select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: none;
}
.pubs-refined .publication-tools input:focus-visible,
.pubs-refined .publication-tools select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-color: var(--accent);
  box-shadow: none;
}

/* ============================================================
   RESULT CARDS — hairline frame, low rest shadow, hover lift
   (the auto-generated markup is untouched; rows become cards)
   ============================================================ */
.pubs-refined .publication-archive-list {
  border-top: 0;
  display: grid;
  gap: 14px;
}
.pubs-refined .publication-archive-item {
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pubs-refined .publication-archive-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-card);
  border-color: var(--rule-strong);
}
.pubs-refined .publication-archive-item__date span { color: var(--ink-900); }
.pubs-refined .publication-archive-item__date small {
  border-color: var(--rule-strong);
  color: var(--accent);
}
/* Meta (journal / authors): accent, sentence case rather than a long all-caps line */
.pubs-refined .publication-archive-item__meta {
  color: var(--accent);
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 700;
  font-size: 0.8rem;
}
.pubs-refined .publication-archive-item h2 a:hover { color: var(--accent); }
.pubs-refined .publication-archive-item__links a { color: var(--accent); }

/* Empty state — hairline card */
.pubs-refined .publication-empty {
  border: 1px solid var(--rule);
  border-radius: 12px;
  background: var(--paper);
}

/* ============================================================
   "LOOKING FOR MORE?" — cool paper band, hairline dividers
   ============================================================ */
.pubs-refined .section-soft {
  background: var(--paper);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.pubs-refined .publication-more__faculty {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.pubs-refined .publication-more__person + .publication-more__person {
  border-left: 1px solid var(--rule);
}
.pubs-refined .publication-more__links a {
  color: var(--accent);
  border-color: var(--rule-strong);
}
.pubs-refined .publication-more__links a:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  .pubs-refined .publication-archive-item { transition: none; }
  .pubs-refined .publication-archive-item:hover { transform: none; }
}