/*
 * Legal document styling.
 *
 * Almost nothing, on purpose. These pages run on the ordinary page design, which already gives a
 * section heading the size and the space above it that a legal document wants — that is what
 * /privacy-policy/ has always looked like, and it is the look these pages are meant to share.
 * Restyling the headings a second time here would only pull them back apart.
 *
 * So this file does three small things the ordinary design does not do:
 *
 *   - prints the page heading at a sensible size, since a page with no picture at the top has
 *     had no heading at all until now (see inc/legal-document.php for that fault);
 *   - sets the "Last updated" line small and quiet, because it is a fact about the document
 *     rather than a part of it;
 *   - gives the sentences before clause 1 a little more room, so the reader can see where the
 *     introduction ends and the clauses begin.
 *
 * The heading TAGS are untouched anywhere. A clause heading is still an H2, so the page outline
 * a screen reader and a search engine both build from the page stays true.
 *
 * ONE THING THE MOVE OFF THE BLOG LAYOUT COSTS. That layout gave every H2 an id as it rendered,
 * so a link written to #7-changing-your-mind landed on the clause. The ordinary page design does
 * not, so those addresses no longer exist. Nothing on the site links to one, and none of them was
 * ever written down anywhere — they were generated at the moment the page was drawn. If a clause
 * ever needs to be linkable, the id has to be typed into the heading in the page body.
 *
 * Loaded by inc/legal-document.php on any page whose body carries <div class="legal-doc">.
 */

/*--------------------------------------------------------------
# The page heading
--------------------------------------------------------------*/

/*
 * Set here rather than left to the theme, because the theme has no styling for an H1 inside the
 * page body — there has never been one there. Large enough to be plainly the title of the whole
 * document, and plainly above the clause headings under it.
 */
.legal-document .site-content .site-main article .entry-content .legal-doc__title {
	font-size: 42px;
	line-height: 1.15;
	font-weight: 600;
	margin: 0 0 2.5rem;
}

/*--------------------------------------------------------------
# The two blocks at the top
--------------------------------------------------------------*/

/* The date the terms last changed. */
.legal-document .site-content .site-main article .entry-content .legal-doc .legal-doc__updated {
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	opacity: 0.7;
	margin-bottom: 1.5rem;
}

/* The sentences that say what the document is and who it is for. */
.legal-document .site-content .site-main article .entry-content .legal-doc .legal-doc__intro {
	margin-bottom: 2.5rem;
}

/*--------------------------------------------------------------
# Narrow screens
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

	.legal-document .site-content .site-main article .entry-content .legal-doc__title {
		font-size: 30px;
		margin-bottom: 1.75rem;
	}
}