body {
	margin-left:.75rem;
	margin-right:.75rem;
	padding-left:.75rem;
	padding-right:.75rem;
	line-height:1.6;
	max-width:32rem;
	text-align:justify;
	hyphens:auto;
}

h1 {
	border-bottom:.2rem double;
	border-color: #ce0056;
	text-align:center;
}
h2 {
	border-bottom:.1rem solid;
	text-align:left;
}
h3 {
	border-bottom:.1rem dotted;
	text-align:left;
}
ul,ol {
	padding-left:2rem;
}
img {
	max-width:100%;
}
strong strong {
	color:     #000;
	background:#ff0;
}
strong strong strong {
	color:     #fff;
	background:#f00;
}

blockquote {
	margin-right:0;
	margin-left: 0;
	padding-left:1.9rem;
	border-left:.1rem solid;
}

pre {
	width:calc(100vw - 5rem);
	word-break:break-all;
	white-space:pre-wrap;
	padding-left:1.9rem;
	border-left:.1rem dashed;
	line-height:1.2;
}
ul pre, ol pre, blockquote pre{
	width:calc(100vw - 7rem)
}

table {
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	border-collapse:collapse;
	width:calc(100vw - 2.8rem);
	border:.1rem solid;
}
ul table, ol table, blockquote table {
	width:calc(100vw - 4.8rem)
}
th {
	padding:.2rem;
	border-bottom:.1rem solid;
}
td {
	padding:.2rem;
	border-bottom:.1rem dotted;
}
tr {
	text-align:left;
}
th.indexcolicon {
	width:24px;
}
th.indexcolsize {
	width:0rem
}
.indexcollastmod {
	width:10rem
}

@media (max-width: 32rem) {
	.indexcollastmod {
		display: none;
	}
}

@media (max-width: 24rem) {
	.indexcolicon {
		display: none;
	}
}

@media (max-width: 16rem) {
	.indexcolsize {
		display: none;
	}
}
