/* Print stylesheet.
   People will Ctrl-P a sub-section page. Strip the chrome and leave the
   title, the outline and a resolvable URL. */

@page { margin: 18mm 16mm; }

.topbar, .crumbs, .navtoggle, .nav, .rolebar, .pager, .howto,
.strip, .funders .fnav, .copyright, .skip, .qr, .four .sfield,
.bpg-placeholder { display: none !important; }

body { background: #fff !important; color: #000; font-size: 11pt; }
.wrap { width: auto; max-width: none; }

.hero, .slim, .cshero {
	background: #fff !important;
	color: #000 !important;
	padding: 0 0 8mm;
	border-bottom: 2px solid #000;
}
.hero h1, .slim h1, .cshero h1 { font-size: 20pt; }
.hero .about, .slim .lede { font-size: 11pt; }
.getall, .heroimage { display: none; }

.cols { display: block; }
.side { display: block; margin-top: 8mm; page-break-inside: avoid; }
.dlcard { border: 1px solid #000; }
.dlcard .btn { display: none; }

.cards { display: block; }
.card { border: 1px solid #999; margin-bottom: 4mm; page-break-inside: avoid; }

.acc details { page-break-inside: avoid; }
.acc details > div.body { display: block !important; }

/* Show where a link actually goes, since a printed page cannot be clicked. */
.body a[href^="http"]::after,
.story a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; }

.funders { border-top: 1px solid #000; padding-top: 4mm; }
.funders p { font-size: 9pt; }