/* pkgdown/extra.css — admixr2, FeRx-inspired */

/* ── Navbar ───────────────────────────────────────────── */

.navbar .nav-text { display: none; }
.navbar { border-bottom: 1px solid rgba(0, 0, 0, 0.10); }

/* ── Home page title ──────────────────────────────────── */

.template-home .page-header h1 {
  font-size: 3.5rem;
  letter-spacing: -0.5px;
  line-height: 1.1;
}

/* ── Typography ───────────────────────────────────────── */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
}

.section.level2 { margin-top: 2.4rem; }

/* ── Code ─────────────────────────────────────────────── */

pre {
  background: #1e2a3a;
  border: none;
  border-radius: 8px;
  padding: 1rem 1.2rem;
}

pre code {
  color: #e8e6e0;
  background: none;
  padding: 0;
  line-height: 1.65;
  font-size: 0.875rem;
}

code {
  color: #1F6B7A;
  background: rgba(31, 107, 122, 0.08);
  border-radius: 4px;
  padding: 0.15em 0.4em;
  font-size: 0.88em;
}

/* ── Tables ───────────────────────────────────────────── */

.table { font-size: 0.92rem; }
.table th { font-weight: 600; color: #1A2332; border-bottom-width: 2px; }

.contents table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 640px) { .contents table { display: table; } }

/* ── Footer ───────────────────────────────────────────── */

footer {
  font-size: 0.82rem;
  color: #455066;
  border-top: 1px solid rgba(26, 35, 50, 0.08);
  margin-top: 3rem;
  padding-top: 1.25rem;
}

/* ── Transitions & motion ─────────────────────────────── */

body { transition: background-color 200ms ease, color 200ms ease; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ── Dark mode ────────────────────────────────────────── */

[data-bs-theme="dark"] code { background: rgba(91, 191, 207, 0.12); color: #5bbfcf; }
[data-bs-theme="dark"] pre { background: #111823; }
[data-bs-theme="dark"] pre code { background: none; color: #e8e6e0; }
[data-bs-theme="dark"] .table th { color: #e8e6e0; }
[data-bs-theme="dark"] footer { border-top-color: rgba(247, 246, 243, 0.07); color: rgba(247, 246, 243, 0.45); }