{{/* readings-vertical.html renders the reading pane fragment in vertical
     (side-by-side columns) layout: one <section> per liturgy.Section, all
     requested versions laid out in a .display-vertical grid, one .vcol per
     version -- the browser equivalent of the CLI `compare` view. Data and
     role classes (heading/citation/version-label/vnum/refrain) match
     readings.html so theme CSS restyles both identically; base.css owns
     the .display-vertical/.vcol layout. */}}
{{range .}}
<section class="reading-section" data-part="{{.PartID}}">
  <h2 class="heading">{{.Heading}}</h2>
  {{if .Subtitle}}<p class="citation">{{.Subtitle}}</p>{{end}}
  <div class="display-vertical">
    {{range .Columns}}
    <div class="vcol">
      <h3 class="version-label">{{.Label}}</h3>
      {{range .Blocks}}
        {{if .Refrain}}
      <p class="block refrain">{{.Text}}</p>
        {{else if .VNum}}
      <p class="block verse"><span class="vnum">{{.VNum}}</span> {{.Text}}</p>
        {{else}}
      <p class="block">{{.Text}}</p>
        {{end}}
      {{end}}
    </div>
    {{end}}
  </div>
</section>
{{end}}