/* Small overrides shared across light and dark themes. */

.navbar-title { font-weight: 700; letter-spacing: 0.2px; }

/* Package / gallery listing cards */
.quarto-listing .card { border-radius: 10px; }
.quarto-grid-item .card-title { font-weight: 600; }

/* Package maturity status pills (used in the legend and, via a small
   enhancer, on the listing cards). Colours read on both light and dark. */
.status-pill {
  display: inline-block;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.6;
  text-transform: capitalize;
  border: 1px solid transparent;
  white-space: nowrap;
}
.status-pill strong { font-weight: 600; }
.status-experimental { color: #d97706; background: rgba(217, 119, 6, 0.13); border-color: rgba(217, 119, 6, 0.35); }
.status-maturing     { color: #2563eb; background: rgba(37, 99, 235, 0.13); border-color: rgba(37, 99, 235, 0.35); }
.status-stable       { color: #16a34a; background: rgba(22, 163, 74, 0.13); border-color: rgba(22, 163, 74, 0.35); }

/* Status on a listing card, once the enhancer has replaced the fallback table. */
.quarto-grid-item .card-status { margin-top: 0.35rem; }
.quarto-grid-item table.card-other-values { margin-bottom: 0; font-size: 0.85rem; opacity: 0.85; }

/* Team member cards */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.25rem;
  margin: 1.5rem 0;
}
.team-card { text-align: center; }
.team-card img {
  width: 96px; height: 96px; border-radius: 50%;
  object-fit: cover; margin-bottom: 0.6rem;
}
.team-card .name { font-weight: 600; }
.team-card .role { font-size: 0.9rem; opacity: 0.8; }

/* Buttons row */
.cta-row { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; }

/* Unified docs browser */
.docs-intro { max-width: 940px; margin: 0.5rem auto 1rem; padding: 0 1rem; opacity: 0.85; }
.docs-browser { max-width: 1320px; margin: 0 auto; padding: 0 1rem 2rem; }
.docs-toolbar {
  display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;
  padding: 0.6rem 0.2rem;
}
.docs-toolbar label { font-weight: 600; margin: 0; }
.docs-toolbar select {
  padding: 0.35rem 0.6rem; border-radius: 6px;
  border: 1px solid rgba(128,128,128,0.4); background: transparent; color: inherit;
  font-size: 0.95rem; min-width: 240px;
}
.docs-toolbar a { margin-left: 0.25rem; font-weight: 600; white-space: nowrap; }
#docs-frame {
  width: 100%; height: calc(100vh - 190px); min-height: 520px;
  border: 1px solid rgba(128,128,128,0.3); border-radius: 10px; background: #fff;
}