/* StudyCroc minimal overrides */
:root {
  --color-primary: #2563eb;
  --color-primary-bg: #dbeafe;
  --color-bg: #f9fafb;
  --color-text: #111827;
}
.site-logo a span { font-size: 1.4rem; font-weight: 700; color: var(--color-text); letter-spacing: -0.02em; }
.site-logo a { text-decoration: none; }
.muted { color: #6b7280; padding: 1rem 0; }
.site-footer { padding: 2rem 0; border-top: 1px solid #e5e7eb; margin-top: 3rem; }
.footer-inner { display: flex; flex-direction: column; gap: 1rem; align-items: center; text-align: center; }
.footer-links { display: flex; gap: 1.25rem; flex-wrap: wrap; justify-content: center; }
.footer-links a { color: #6b7280; text-decoration: none; font-size: 0.9rem; }
.footer-links a:hover { color: var(--color-primary); }
.footer-copyright { color: #9ca3af; font-size: 0.85rem; margin: 0; }
.category-pill span { font-weight: 600; }

/* === Progress bar: lock to top under header === */
/* Switch from position:sticky (can be defeated by ancestor overflow) to position:fixed */
.quiz-progress {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  z-index: 99;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.5rem 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
/* Push content below the fixed progress bar so questions arent hidden under it */
.quiz-progress + .container { padding-top: 1rem; }
body:has(.quiz-progress) main { padding-top: 56px; }