/* CSS Document */

:root {
/* light contrast */
	--bxrad: 		3px;							/* box border radius */
	--bxpad: 		15px;							/* box padding */
	--bxmarg: 		15px;							/* box top-bottom margin */
	--bxback: 		rgba(0,0,0,0.05);				/* box background */
	--bxbrdr: 		dotted 1px rgba(0,0,0,0.25);	/* box border */
/* dark contrast */
	--bxbackw: 		rgba(255,255,255,0.15);					/* box dark background */
	--bxbrdrw: 		dotted 1px rgba(255,255,255,0.25);		/* box dark border */
	--bxcolorw: 	#fff;									/* box dark font color */			
}

* { scroll-margin-top: 200px !important; }

div.bbbl { 
	padding: var(--bxpad); 
	border-radius: var(--bxrad); 
	display: block;	clear: both;
	margin: var(--bxmarg) 0;
	font-size: 0.75rem; 
	background: var(--bxback);
	color: inherit;	
	border: var(--bxbrdr);
	max-width: 650px;
}
div.bbbl:before {
	content: 'Page Summary';
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.125rem; 
	font-size: 0.65rem;
	border-bottom: var(--bxbrdr);
	padding: 5px 5px 15px 5px;
	display: block;
	font-weight: bold;
}
div.bbbl li { padding: 5px 0; line-height: 1.25; }

.whitetxt div.bbbl { background: var(--bxbackw); color: var(--bxcolorw); border: var(--bxbrdrw); }
.whitetxt div.bbbl:before { border-bottom: var(--bxbrdrw) }