/* The legal pages (round eleven): ink on white, one reading column on the page's left margin, nothing else. The
   generator is .scratch/round11/legal/build.py; the markup is the document's own structure: a display title, the
   effective date as a caption, numbered section headings in the serif, body paragraphs with the subsection's number
   and title run in at weight 500, lists with their markers restored, and the tables as tables. */
.legal { max-width: 720px; padding: var(--s11) 0 var(--s12); }
.lg-title { margin: 0 0 var(--s5); }
.lg-meta { margin: 0 0 var(--s9); }
/* the text boxes are cap-trimmed, so a paragraph gap of one line pitch (16 after the trim) reads as a line break; 32 reads as a paragraph */
.legal .body { margin: 0 0 var(--s6); }
.legal a { text-decoration: underline; text-underline-offset: 0.15em; text-decoration-thickness: 1px; }
.lg-h { margin: var(--s9) 0 var(--s5); }
.lg-n { color: var(--ink-3); }
.lg-run { font-weight: 500; color: var(--ink); }
.lg-list { margin: 0 0 var(--s6); padding-left: var(--s5); }
ul.lg-list { list-style: disc; }
ol.lg-list { list-style: decimal; }
.lg-list li + li { margin-top: var(--s3); }
.lg-list li::marker { color: var(--ink-3); }
.lg-table { width: 100%; border-collapse: collapse; margin: var(--s5) 0 var(--s6); }
.lg-table th { text-align: left; padding: 0 var(--s5) var(--s3) 0; border-bottom: 1px solid var(--ink); vertical-align: bottom; }
.lg-table td { padding: var(--s3) var(--s5) var(--s3) 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.lg-table th:last-child, .lg-table td:last-child { padding-right: 0; }
.lg-table td:first-child { color: var(--ink); }
.lg-addr { margin: 0 0 var(--s6); }
.blank { text-decoration: underline dotted; text-underline-offset: 0.2em; color: var(--ink); }
@media (max-width: 767px) { .legal { padding-top: var(--s9); } }
/* under 480 a table stands as a list of records: each row a block, each cell on its own line under its column's name */
@media (max-width: 479px) {
  .lg-table thead { display: none; }
  .lg-table tr, .lg-table td { display: block; padding: 0; border: 0; }
  .lg-table tr { padding: var(--s4) 0; border-bottom: 1px solid var(--line); }
  .lg-table tr:first-child { border-top: 1px solid var(--ink); }
  .lg-table td + td { margin-top: var(--s3); }
  .lg-table td::before { content: attr(data-h); display: block; font: 400 var(--label)/var(--label-lh) var(--sans); color: var(--ink-3); margin-bottom: var(--s1); }
}