/* Reserve the tallest translated chapter so the orbit never jumps between steps. */
.tide-detail{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
}

.tide-detail>article{
  display:block;
  grid-area:1/1;
  min-width:0;
  align-self:start;
}

/* Keep hidden chapters in grid sizing, but out of sight and keyboard navigation.
   visibility:hidden also removes their descendants from the accessibility tree.
   The existing HTML hidden attribute remains the tab controller's source of truth. */
.tide-detail>article[hidden]{
  display:block;
  visibility:hidden;
  pointer-events:none;
}

.tide-detail>article:not([hidden]){
  visibility:visible;
}