/* ============================================================
   D3RF -- lab-notes.css
   Page /lab-notes/ (VISUAL_SPEC section 7). Reutilise le systeme
   d'epoques existant (.epoch-pill, .timeline-*) de v4-styles.css.
   ============================================================ */

/* Intertitre d'epoque, collant sous la barre de filtres, mis a jour
   au defilement par js/lab-notes.js. */
.epoch-intertitle {
  position: sticky;
  top: 56px;
  z-index: calc(var(--z-sticky) - 1);
  background: var(--bg-primary);
  font-family: var(--font-mono);
  font-size: var(--fs-mono-m);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--text-muted);
  padding: var(--space-2) clamp(20px, 5vw, 60px);
  opacity: 0;
  transition: opacity var(--dur-fast) ease;
}

.epoch-intertitle.is-visible {
  opacity: 1;
}

/* DA_REVIEW_V22 4.7 : cibles tactiles 44px minimum sous 768px. */
@media (max-width: 767px) {
    .epoch-pill {
        min-height: 44px;
    }
}