/**
 * F1GMAT APU Theme · apu-citations.css
 * Inline citation + reference list styling.
 *
 * Uses palette variables declared in apu-style.css :root —
 *   --fg-ink, --fg-ink-soft, --fg-ink-muted
 *   --fg-paper, --fg-paper-aged
 *   --fg-hairline, --fg-gold-dark, --fg-teal
 */

/* ---------- Inline citation ---------- */

.apu-citation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 0;
  vertical-align: super;
  white-space: nowrap;
}

.apu-citation__link {
  color: var(--fg-teal);
  text-decoration: none;
  padding: 0 1px;
  border-radius: 2px;
}

.apu-citation__link:hover,
.apu-citation__link:focus {
  color: var(--fg-ink);
  background: var(--fg-paper-aged);
  text-decoration: underline;
  text-decoration-color: var(--fg-gold-dark);
  outline: none;
}

.apu-citation__link:focus-visible {
  outline: 2px solid var(--fg-teal);
  outline-offset: 2px;
}

/* ---------- References list ---------- */

.apu-references {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 32px 0;
  padding-left: 2em;
  color: var(--fg-ink-soft);
}

.apu-references > li {
  margin-bottom: 10px;
  padding-left: 0.25em;
  /* Offset for any sticky header when the user jumps via #cite-N */
  scroll-margin-top: 80px;
}

.apu-references > li a {
  color: var(--fg-ink);
  text-decoration: underline;
  text-decoration-color: var(--fg-hairline);
  text-decoration-thickness: 0.5px;
  text-underline-offset: 2px;
}

.apu-references > li a:hover,
.apu-references > li a:focus {
  text-decoration-color: var(--fg-gold-dark);
  color: var(--fg-teal);
}

/* Highlight the targeted reference when arrived via citation click */
.apu-references > li:target {
  background: var(--fg-paper-aged);
  border-left: 3px solid var(--fg-gold-dark);
  margin-left: 2em;
  padding-left: calc(0.25em + 1em - 3px);
}

/* ---------- Back-reference arrows ---------- */

.citation-backrefs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-left: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  color: var(--fg-ink-muted);
}

.citation-backref {
  color: var(--fg-teal);
  text-decoration: none;
  padding: 0 2px;
  border-radius: 2px;
}

.citation-backref:hover,
.citation-backref:focus {
  color: var(--fg-ink);
  background: var(--fg-paper-aged);
  outline: none;
}

.citation-backref:focus-visible {
  outline: 2px solid var(--fg-teal);
  outline-offset: 1px;
}

/* ---------- Mobile: bigger touch targets ---------- */

@media (max-width: 767px) {
  .apu-citation__link {
    padding: 2px 4px;
    font-size: 1.05em;
  }

  .citation-backref {
    padding: 4px 6px;
    font-size: 1.1em;
  }

  .apu-references > li {
    scroll-margin-top: 60px;
  }
}

/* Smooth scroll for in-page jumps; respects reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}