/**
 * START HERE — print.css
 *
 * Loaded with media="print". The aim is a roadmap someone can put on a
 * desk and work through: every stage expanded, every step visible, the
 * interface furniture gone, and the official links written out in full so
 * the paper copy is still usable.
 */

@page {
	margin: 16mm 14mm;
}

* {
	background: transparent !important;
	box-shadow: none !important;
	color: #000000 !important;
}

body {
	font-size: 11pt;
	line-height: 1.45;
	background: #ffffff !important;
}

/* ---------------------------------------------------------- hide chrome */

.sh-header,
.sh-footer,
.sh-skip-link,
.sh-nav,
.sh-toolbar,
.sh-filters,
.sh-searchbox,
.sh-path__actions,
.sh-panel__actions,
.sh-step__footer,
.sh-step__nav,
.sh-next__actions,
.sh-journey,
.sh-app__about,
.sh-cta-band,
.sh-hero__actions,
.sh-node__check,
.sh-status,
.sh-step__section--status,
.sh-comments,
.sh-app__boot,
.sh-notice--boot,
.sh-button,
form,
noscript {
	display: none !important;
}

/* -------------------------------------------------------- open it all up */

.sh-stage__body[hidden],
.sh-why__body {
	display: block !important;
}

.sh-stage.is-collapsed .sh-stage__body {
	display: block !important;
}

.sh-why {
	border: 0 !important;
}

.sh-why__summary {
	font-weight: 700;
	list-style: none;
}

details {
	display: block;
}

details > summary::-webkit-details-marker {
	display: none;
}

/* ------------------------------------------------------------- layout */

.sh-container,
.sh-panel,
.sh-step,
.sh-app {
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	min-height: 0 !important;
}

.sh-h1,
h1 {
	font-size: 20pt;
	margin-bottom: 4pt;
}

.sh-h2,
h2 {
	font-size: 14pt;
}

.sh-lead {
	font-size: 11pt;
}

/* Keep a stage and its heading together where the browser allows it. */
.sh-stage {
	border: 0 !important;
	border-top: 1pt solid #999999 !important;
	border-radius: 0 !important;
	padding-top: 6pt;
	margin-bottom: 10pt;
	break-inside: avoid;
	page-break-inside: avoid;
}

.sh-stage__header {
	border: 0 !important;
	padding: 0 !important;
}

.sh-stage__toggle::after {
	display: none !important;
}

.sh-stage__name {
	font-size: 13pt;
	font-weight: 700;
}

.sh-stage__here {
	border: 1pt solid #000000 !important;
	padding: 0 3pt;
}

.sh-stage__body {
	padding: 4pt 0 0 !important;
}

.sh-nodes {
	padding-left: 14pt;
}

.sh-nodes::before {
	display: none;
}

.sh-node {
	break-inside: avoid;
	page-break-inside: avoid;
	padding: 3pt 0;
	border-bottom: 1pt dotted #bbbbbb !important;
}

/* An empty box to tick by hand, since the checkbox itself is hidden. */
.sh-node__rail {
	position: static;
	width: auto;
	margin-right: 6pt;
}

.sh-node__marker {
	width: 10pt;
	height: 10pt;
	border: 1pt solid #000000 !important;
	border-radius: 0;
}

.sh-node.is-complete .sh-node__marker {
	background: #000000 !important;
}

.sh-node__title {
	font-weight: 600;
	text-decoration: none !important;
}

.sh-badge {
	border: 1pt solid #666666 !important;
	padding: 0 3pt;
	font-size: 8pt;
}

.sh-badge__shape {
	display: none;
}

.sh-here,
.sh-next {
	border: 1pt solid #000000 !important;
	border-radius: 0 !important;
	padding: 6pt !important;
	margin-bottom: 8pt;
	break-inside: avoid;
}

.sh-notice {
	border: 1pt solid #666666 !important;
	border-radius: 0 !important;
	padding: 6pt !important;
	break-inside: avoid;
}

.sh-synopsis__item,
.sh-bucket,
.sh-step__section {
	break-inside: avoid;
	page-break-inside: avoid;
}

.sh-progress__bar {
	border: 1pt solid #000000 !important;
}

.sh-progress__fill {
	background: #000000 !important;
}

.sh-disclaimer {
	margin-top: 10pt;
	padding-top: 4pt;
	border-top: 1pt solid #999999 !important;
	font-size: 9pt;
}

/* Links are useless on paper unless the address is printed with them. */
.sh-step a[href^="http"]::after,
.sh-reference a[href^="http"]::after {
	content: " (" attr(href) ")";
	font-size: 8pt;
	word-break: break-all;
}

a {
	text-decoration: underline;
}