/*
 * Print styles for a walkthrough. Loaded with media="print" on the walkthrough
 * template only, so it costs nothing on screen.
 *
 * People print these to read beside the game, which is exactly how they were
 * read in 1999. So the page becomes ink on paper: black on white, a serif face
 * for the prose, and everything that only makes sense on a screen removed. The
 * contents list, the game bar, the progress bar, the navigation and the "other
 * guides" list are all dropped: none of them can be clicked on paper.
 *
 * The URL of the guide and of the contributor's page are printed after their
 * links, so a printed copy still says where it came from and who wrote it.
 */

@page {
	margin: 18mm 16mm;
}

.ng-progress,
.ng-gamebar,
.ng-crumbs,
.ng-toc,
.ng-side,
.ng-jump,
.ng-partnav,
.ng-section--others,
.ng-backlink,
.ng-chips {
	display: none !important;
}

.ng {
	max-width: none;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 10.5pt;
	line-height: 1.45;
}

.ng a {
	color: #000;
	text-decoration: none;
}

/* Where the guide and the credit actually live, on paper. */
.ng-credit-link::after,
.ng-credit-origin a::after {
	content: " (" attr(href) ")";
	font-family: monospace;
	font-size: 8pt;
	word-break: break-all;
}

.ng-title {
	font-size: 18pt;
	line-height: 1.15;
}

.ng-head-meta,
.ng-credit-thanks,
.ng-notice--preserved {
	color: #333;
	font-size: 9pt;
}

.ng-credit {
	margin: 0 0 8mm;
	padding: 3mm 4mm;
	background: none;
	border: 0;
	border-left: 2pt solid #000;
	page-break-inside: avoid;
}

.ng-credit-heading {
	color: #000;
}

.ng-prose {
	max-width: none;
	font-family: Georgia, "Times New Roman", serif;
}

.ng-prose h2,
.ng-prose h3 {
	page-break-after: avoid;
	page-break-inside: avoid;
}

.ng-prose h2 {
	font-size: 13pt;
}

.ng-prose h3 {
	font-size: 11pt;
}

/*
 * Preserved blocks keep their alignment on paper too: `pre-wrap` would reflow
 * the ASCII maps into nonsense, which is the one thing this archive has always
 * refused to do to them. Instead the type drops to 7.5pt, at which a 130 column
 * map fits inside a 178mm text column, and the frame is a hairline rather than a
 * filled panel so it does not drink ink.
 */
.ng-scroller {
	overflow: visible;
	background: none;
	border: 0.5pt solid #999;
	page-break-inside: avoid;
}

.ng-scroller pre,
.ng-prose pre {
	padding: 3mm;
	background: none;
	color: #000;
	font-size: 7.5pt;
	line-height: 1.35;
	white-space: pre;
}

.ng-scroller table {
	font-size: 9pt;
}

.ng-scroller th,
.ng-scroller td {
	border-color: #999;
}

/* Spoiler folds are printed open: paper has no disclosure widget, and a printed
   guide with its answers hidden is not a guide. */
.ng-spoiler {
	background: none;
	border: 0.5pt dashed #999;
	page-break-inside: avoid;
}

.ng-spoiler > .ng-spoiler-body {
	display: block !important;
}

.ng-spoiler-summary {
	color: #000;
	font-size: 9pt;
	list-style: none;
}

.ng-section-heading {
	border-bottom: 0.5pt solid #999;
	font-size: 12pt;
	page-break-after: avoid;
}

.ng-item {
	border-bottom: 0.5pt solid #ccc;
	page-break-inside: avoid;
}

.ng-item-meta {
	color: #333;
	font-size: 8.5pt;
}