/*body {
	max-width: 40rem;
	max-width: 860px!important;
	padding: 0 1rem;
	font-size: 125%;
	line-height: 1.5;
	margin: 1.5rem auto;
	font-family: Arial, sans-serif;
}
* {
	color: inherit;
	margin: 0;
}*/
.tabbed {
	/*background: #FBF9F6;
    border: 1px solid #EBE9E4;*/
}
[role="tablist"] {
	padding: 0;
	margin: 1.5rem 0 0 0;
}
[role="tablist"] li, [role="tablist"] a {
	display: inline-block;
}
[role="tablist"] a {
	text-decoration: none;
	padding: 3px 9px;
}
[role="tablist"] [aria-selected] {
	/*border: 2px solid;*/
	border: 1px solid #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #f7f7f7;
	border-bottom: 0;
	position: relative;
	top: 2px;
}
[role="tabpanel"] {
	/*border: 2px solid;*/
	border-top: 1px solid #666;
	/*padding: 1.5rem;*/
	    margin: .1rem 0 0 0;
}
[role="tabpanel"] * + * {
	margin-top: 0.75rem;
}
/**:focus {
	outline: none;
	box-shadow: inset 0 0 0 4px lightBlue;
}*/

@media (max-width: 550px) {
[role="tablist"] li, [role="tablist"] a {
	display: block;
	position: static;
}
[role="tablist"] a {
	border: 1px solid #666 !important;
}
[role="tablist"] li + li a {
	border-top: 0 !important;
}
[role="tablist"] [aria-selected] {
	position: static;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
[role="tablist"] [aria-selected]::after {
	/*content: '\0020⬅';*/
}
[role="tabpanel"] {
	border-top: 0;
}
}
section{
	background-color: #f7f7f7;
}

.box.colorize section{

	background-color: #dadada;
}