.arr {
		display: inline-block;
		height: 1.1rem;
		width: 1.1rem;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: top;
}

.bprev .arr {
		background-image: url('data:image/svg+xml,<svg width="53.417" height="61.667" viewBox="0 0 14.133 16.316" xmlns="http://www.w3.org/2000/svg"><path d="m63.696 59.546-14.133-8.158 14.133-8.158-4.719 8.158Z" style="fill:%23227" transform="translate(-49.563 -43.23)"/></svg>');
		margin: 0.1rem 0.3rem 0 0;
}

.bnext .arr {
		background-image: url('data:image/svg+xml,<svg width="53.417" height="61.667" viewBox="0 0 14.133 16.316" xmlns="http://www.w3.org/2000/svg"><path d="m323.323 242.595 53.417-30.833-53.417-30.834 17.834 30.834Z" style="fill:%23227" transform="translate(-85.546 -47.87)scale(.26458)"/></svg>');
		margin: 0.1rem 0 0 0.3rem;
}

@media screen and (width <= 700px) {
		.arr {
				height: 1.4rem;
				width: 1.4rem;
		}
}

/*.bc img {
		display: inline-block;
		height: 1.1rem;
} */

blockquote {
		margin-left: 1rem;
		padding-left: 1rem;
		border-left: 3px solid rgba(0,0,0,0.2);
		margin-right: 1.5rem;
		border-radius: 0.2rem;
		position: relative;
}
blockquote + p {
		text-indent: 1.5rem;
}
blockquote p {
		text-indent: 1rem;
}
blockquote + p.noin, blockquote p.noin {
		text-indent: 0;
}

blockquote::after {
		content: '“';
		font-size: 4.5rem;
		position: absolute;
		top: 1.2rem;
		left: -2.5rem;
		color: rgba(0,0,0,0.1);
}

footer blockquote::after {
		top: 0.8rem;
		left: -2rem;
		font-size: 3.5rem;
}
.bc a:link, .bc a:hover, .bc a:active, .bc a:visited {
		color: #227;
}