/* /terms page-local. (1) the contents list in the header, numbered like the clauses; (2) each clause heading is a .sh so
   the lane marks it, at the legal-doc's own heading size; (3) the brief panel's rail label, offset by the panel's inset
   (system request: .brief .panel has no .sh-r support). */
.toc-l{font:600 15px/1.35 var(--f-sans);color:var(--acc);margin-bottom:6px}
.toc ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.toc a{display:flex;gap:12px;align-items:baseline}
.toc .tn{flex:none;font-variant-numeric:tabular-nums;font-weight:600;color:var(--acc)}
.legal-doc{--h2:clamp(28px,3vw,36px)}
.legal-doc .clause{scroll-margin-top:84px}
.legal-doc .clause + .clause{margin-top:64px}
.legal-doc .sh h2{margin-top:0;max-width:22em}
.legal-doc .sh + *{margin-top:20px}
.legal-doc .cn{font-variant-numeric:tabular-nums;color:var(--acc);margin-right:.18em}
.colophon{margin-top:72px;padding-top:26px;border-top:1px solid var(--rule)}
.colophon .updated{margin-top:0;font-size:17px;color:var(--head)}
.colophon .mono{font-variant-numeric:tabular-nums;color:var(--label)}
.colophon .precedence{margin-top:14px;font-size:16.5px;color:var(--label)}
@media (min-width:700px){ .brief .panel .sh-r{right:calc(100% + var(--gl) + var(--gr) + 57px)} }
@media (max-width:699px){ .toc ol{grid-template-columns:1fr} .legal-doc .clause + .clause{margin-top:48px} }