/* ================================================================
   Research Output — page-specific styles (public_output.qmd only)
   Loaded in addition to styles.css
   ================================================================ */

/* Year section dividers
   Override the global clamp H1 size — these are index labels, not headings
   ================================================================ */
#quarto-document-content h1 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--rr-maroon);
  border-bottom: 1px solid rgba(80, 18, 20, 0.2);
  padding-bottom: 0.5rem;
  margin-top: 3.5rem;
  margin-bottom: 1.1rem;
}

/* Suppress anchor icon on year labels — looks odd on tiny text */
#quarto-document-content h1 .anchorjs-link {
  display: none;
}

/* ================================================================
   Journal label — plain-text attribution above the PDF button
   ================================================================ */
.rr-journal-label {
  margin: 0 0 0.5rem;
  line-height: 1;
}

.rr-journal-label p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: none;
  font-style: italic;
  color: var(--rr-text-muted);
}

/* ================================================================
   PDF pill button — replaces the bare "View the article here" link
   ================================================================ */
a.rr-article-pdf {
  display: inline-block;
  margin-top: 0.6rem;
  padding: 0.3rem 0.85rem;
  background: var(--rr-maroon);
  color: var(--rr-cream) !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease;
}

a.rr-article-pdf:hover {
  background: var(--rr-gold);
  color: var(--rr-maroon) !important;
}