tsx
1// Chapter completion marker between vertical columns
2function ChapterMarker({ label }) {
3  return (
4    <div style={{
5      writingMode: "vertical-rl",
6      display: "flex",
7      alignItems: "center",
8      gap: 6,

Guidance

Orient chapter/section markers vertically to match the reading axis
Use system markers (completions, breaks) at natural column boundaries
Keep marker text to 4 characters or fewer when displayed vertically

Don't

Place horizontal separators across the middle of a vertical column
Use markers as navigation elements · they are informational only
Override the vertical reading flow with a horizontal marker that requires head rotation

PreviousDialog Next Message

1	// Chapter completion marker between vertical columns
2	function ChapterMarker({ label }) {
3	return (
4	<div style={{
5	writingMode: "vertical-rl",
6	display: "flex",
7	alignItems: "center",
8	gap: 6,