/* The three legal documents: terms of sale, refund policy, privacy notice.

   Shared by all three, loaded after theme.css, and deliberately plain. These
   pages are read when somebody is deciding whether to buy, or working out
   where they stand after something has gone wrong - neither is a moment for
   the design to be interesting.

   The documents are English only (clause 1.6), so nothing here deals with a
   language selector or with text that changes length in translation. */


/* A measure that can be read. The chrome above is full width; the text is not
   - sixty to seventy characters a line is where the eye stops having to hunt
   for the start of the next one, and a licence is long enough for that to
   matter. */
main {
	max-width: 46rem;
	margin: 0 auto;
}


/* When the document was published.

   Not decoration: the privacy notice promises it ("the current version is
   always at ... with its date") and the refund policy makes the version
   published on the day of a payment the one that governs that payment. */
.document-date {
	font-size: 0.85rem;
	opacity: 0.7;
	margin-bottom: 2rem;
}


/* Clause numbers carry the structure, so the headings do not have to shout.
   Generous space above each one, little below: a heading belongs to what
   follows it. */
main h1 {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}

main h2 {
	font-size: 1.15rem;
	margin-top: 2.5rem;
	margin-bottom: 0.75rem;
}


/* Numbered sub-clauses run on as ordinary paragraphs - 4.2, 9.3 and so on are
   part of the text rather than a list the browser should renumber. */
main p {
	line-height: 1.6;
	margin-bottom: 1rem;
}


/* The summary tables. Two columns, the first a label: let it take what it
   needs and give the rest to the text. */
main table {
	margin: 1.5rem 0;
	font-size: 0.95rem;
}

main table td:first-child {
	width: 30%;
	vertical-align: top;
}

main table td {
	vertical-align: top;
	line-height: 1.5;
}


/* Set apart from the clauses around them - the model cancellation form, and
   the addresses. */
main blockquote {
	margin: 1.5rem 0;
	font-size: 0.95rem;
}


main hr {
	margin: 2rem 0;
	opacity: 0.25;
}


.document-foot {
	margin-top: 3rem;
	font-size: 0.9rem;
}


/* Printing.

   Clause 1.6 tells the reader they can save or print these from the page they
   are published on, so this is a promise rather than a nicety. Black on white
   whatever the screen theme, the site chrome dropped, and the published date
   kept - a printed copy with no date is evidence of nothing.

   Clauses are not split across pages where it can be helped: half a clause at
   the foot of a page is how a term gets missed. */
@media print {

	header,
	.document-foot {
		display: none;
	}

	body,
	main {
		max-width: none;
		margin: 0;
		padding: 0;
		background: #fff;
		color: #000;
	}

	main h1,
	main h2 {
		break-after: avoid;
		page-break-after: avoid;
	}

	main p,
	main blockquote,
	main table {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	/* A printed page cannot be clicked, so the address has to be on it */
	main a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 0.85em;
	}

}