CSS組版システム、Vivliostyleで縦組／シナリオの組版に挑戦してみました。

1.
1

2. !2

3. !3

4. !4

5. !5

6. !6

7. !7

8. !8
p.line {
margin-inline-start: 5em;
margin-block-start: 0;
margin-block-end: 0;
}
p.line > strong:first-child {
display: inline-block;
margin-inline-start: -5em;
min-inline-size: 5em;

9. !9