/* use-cases.html page-specific overrides (< 120 lines)
   Prefix: usecases-
   Only what cannot be solved in pages.css or sections.css. */

/* Ensure exhibit doc containers do not overflow the page on narrow viewports.
   The .cov-wrap inside already has overflow-x:auto for table scrolling;
   the outer .doc needs to constrain so the page itself does not scroll. */
.usecases-contain .doc {
  max-width: 100%;
  overflow: hidden;
}
.usecases-contain .cov-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Specificity fix: motion.css hides with `html.js .rv .rv-item` (0,3,1)
   which beats the reveal rule `.rv.rv-in .rv-item` (0,3,0).
   This override matches the hiding specificity so the reveal wins.
   TODO: fix in motion.css by changing the reveal selector to
   `html.js .rv.rv-in .rv-item` — then remove this block. */
html.js .rv.rv-in .rv-item {
  opacity: 1;
  transform: translateY(0);
}
html.js .rv-self.rv-in {
  opacity: 1;
  transform: translateY(0);
}