/* Legal document: a centred title over a single column of numbered clauses.

   The vertical gaps are stated as margins between line boxes, but the frame
   measures them cap-to-cap, so each margin here is the designed gap less the
   half-leading above and below it: 100 designed between the title and the
   first heading becomes 82, 32 between a heading and its first clause
   becomes 16, 24 between clauses becomes 10, and 60 between sections
   becomes 44.

   Everything here is scoped under .legal-doc so the block carries its own look
   and borrows nothing from the prose stylesheet. The rails down each edge come
   from .section-grid in base.css, which the block asks for by name. */

.legal-doc {
	padding: 90px 0 113px;
	background: var(--paper);
}

/* The frame's column runs 155 to 1285 on a 1440 page: 1130 wide, centred, and
   so inset from the rails rather than sitting on them. */
.legal-doc__inner {
	width: min(100% - var(--page-gutter) * 2, 1130px);
	margin-inline: auto;
}

.legal-doc__title {
	margin: 0 0 79px;
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: 80px;
	font-weight: 600;
	line-height: 80px;
	letter-spacing: -.01em;
	text-align: center;
	text-wrap: balance;
}

.legal-doc__title em {
	font-family: var(--font-serif);
	font-weight: 400;
	font-style: italic;
}

/* The gap above a heading belongs to the heading, so the first one does not
   push the title away from it. */
.legal-doc__section + .legal-doc__section {
	margin-top: 44px;
}

.legal-doc__section h2 {
	margin: 0 0 16px;
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: normal;
}

.legal-doc__section p {
	margin: 0;
	color: rgba(0, 0, 0, .5);
	font-family: var(--font-sans);
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}

.legal-doc__section p + p,
.legal-doc__section ul + p {
	margin-top: 10px;
}

.legal-doc__section ul {
	margin: 10px 0 0;
	padding-left: 24px;
	list-style: disc;
}

.legal-doc__section li {
	margin: 0;
	color: rgba(0, 0, 0, .5);
	font-family: var(--font-sans);
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}

.legal-doc__section li + li {
	margin-top: 0;
}

.legal-doc__section li::marker {
	color: rgba(0, 0, 0, .35);
}