.button-container{
	display:table;
	margin-left:auto;
	margin-right:auto
}
button,.button,a.button{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px 18px;
	margin-bottom:5px;
	text-align:center;
	border-radius:8px;
	border:1px solid rgba(0,0,0,0);
	appearance:none;
	cursor:pointer;
	outline:none;
}
button.outline,.button.outline,a.button.outline{
	background:rgba(0,0,0,0);
	box-shadow:none;
	padding:8px 18px
}
button.outline :hover,.button.outline :hover,a.button.outline :hover{
	transform:none;
	box-shadow:none
}
button.primary,.button.primary,a.button.primary{
	box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
button.primary:hover,.button.primary:hover,a.button.primary:hover{
	box-shadow:0 2px 6px rgba(50,50,93,.21),0 1px 3px rgba(0,0,0,.08)
}
button.link,.button.link,a.button.link{
	background:none;
	font-size:1rem
}
button.small,.button.small,a.button.small{
	font-size:.8rem
}
button.wide,.button.wide,a.button.wide{
	min-width:200px;
	padding:14px 24px
}
a.read-more,a.read-more:hover,a.read-more:active{
	display:inline-flex;
	background:none;
	box-shadow:none;
	padding:0;
	margin:20px 0;
	max-width:100%
}
.code-toolbar{
	margin-bottom:20px
}
.code-toolbar .toolbar-item a{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:3px 8px;
	margin-bottom:5px;
	text-align:center;
	font-size:13px;
	font-weight:500;
	border-radius:8px;
	border:1px solid rgba(0,0,0,0);
	appearance:none;
	cursor:pointer;
	outline:none
}
.header{
	display:flex;
	flex-direction:column;
	position:relative
}
.header__inner{
	display:flex;
	align-items:center;
	justify-content:space-between
}
.header__logo{
	display:flex;
	flex:1
}
.header__logo:after{
	content:"";
	background:repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 16px);
	display:block;
	width:100%;
	right:10px
}
.header__logo a{
	flex:0 0 auto;
	max-width:100%
}
.header .menu{
	margin:20px 0
}
.header .menu__inner{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0
}
.header .menu__inner li.active{
	color:var(--accent-alpha-70)
}
.header .menu__inner li:not(:last-of-type){
	margin-right:20px;
	margin-bottom:10px;
	flex:0 0 auto
}
.header .menu__sub-inner{
	position:relative;
	list-style:none;
	padding:0;
	margin:0
}
.header .menu__sub-inner:not(:only-child){
	margin-left:20px
}
.header .menu__sub-inner-more{
	position:absolute;
	background:var(--background);
	box-shadow:var(--shadow);
	color:#fff;
	border:2px solid;
	margin:0;
	padding:10px;
	list-style:none;
	z-index:99;
	top:35px;
	left:0
}
.header .menu__sub-inner-more-trigger{
	color:var(--accent);
	user-select:none;
	cursor:pointer
}
.header .menu__sub-inner-more li{
	margin:0;
	padding:5px;
	white-space:nowrap
}
.logo{
	display:flex;
	align-items:center;
	text-decoration:none;
	background:var(--accent);
	color:#fff4e0;
	padding:5px 10px
}
html{
	box-sizing:border-box
}
*,*:before,*:after{
	box-sizing:inherit
}
body{
	margin:0;
	padding:0;
	font-family:Hack,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;
	font-size:1rem;
	line-height:1.54;
	background-color:var(--background);
	color:var(--color);
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:100%
}
@media (max-width: 683px){
	body{
		font-size:1rem
	}
}
h1,h2,h3,h4,h5,h6{
	display:flex;
	align-items:center;
	font-weight:bold;
	line-height:1.3
}
h1{
	font-size:1.4rem
}
h2{
	font-size:1.3rem
}
h3{
	font-size:1.2rem
}
h4,h5,h6{
	font-size:1.15rem
}
a{
	color:inherit
}
img{
	display:block;
	max-width:100%
}
img.left{
	margin-right:auto
}
img.center{
	margin-left:auto;
	margin-right:auto
}
img.right{
	margin-left:auto
}
p{
	margin-bottom:20px
}
figure{
	display:table;
	max-width:100%;
	margin:25px 0
}
figure.left img{
	margin-right:auto
}
figure.center img{
	margin-left:auto;
	margin-right:auto
}
figure.right img{
	margin-left:auto
}
figure figcaption{
	font-size:14px;
	padding:5px 10px;
	margin-top:5px;
	background:var(--accent);
	color:var(--background)
}
figure figcaption.left{
	text-align:left
}
figure figcaption.center{
	text-align:center
}
figure figcaption.right{
	text-align:right
}
code{
	font-family:Hack,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;
	font-feature-settings:normal;
	background:var(--accent-alpha-20);
	padding:1px 6px;
	margin:0 2px;
	font-size:.95rem
}
pre{
	font-family:Hack,DejaVu Sans Mono,Monaco,Consolas,Ubuntu Mono,monospace;
	padding:20px;
	font-size:.95rem;
	overflow:auto;
	border-top:1px solid rgba(255,255,255,.1);
	border-bottom:1px solid rgba(255,255,255,.1)
}
@media (max-width: 683px){
	pre{
		white-space:pre-wrap;
		word-wrap:break-word
	}
}
pre code{
	padding:0;
	margin:0;
	background:none
}
blockquote{
	border-top:1px solid var(--accent);
	border-bottom:1px solid var(--accent);
	margin:40px 0;
	padding:25px
}
@media (max-width: 683px){
	blockquote{
		padding-right:0
	}
}
blockquote:before{
	content:"”";
	font-family:Georgia,serif;
	font-size:3.875rem;
	position:absolute;
	left:-40px;
	top:-20px
}
blockquote p:first-of-type{
	margin-top:0
}
blockquote p:last-of-type{
	margin-bottom:0
}
blockquote p{
	position:relative
}
blockquote p:before{
	content:">";
	display:block;
	position:absolute;
	left:-25px;
	color:var(--accent)
}
table{
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	margin:40px 0
}
table,th,td{
	border:1px dashed var(--accent);
	padding:10px
}
th{
	color:var(--accent)
}
ul,ol{
	margin-left:30px;
	padding:0
}
ul li,ol li{
	position:relative
}
@media (max-width: 683px){
	ul,ol{
		margin-left:20px
	}
}
ol ol{
	list-style-type:lower-alpha
}
.container{
	display:flex;
	flex-direction:column;
	padding:40px;
	max-width:864px;
	min-height:100vh;
	margin:0 auto
}
@media (max-width: 683px){
	.container{
		padding:20px
	}
}
.content{
	display:flex
}
hr{
	width:100%;
	border:none;
	background:var(--border-color);
	height:1px
}
.hidden{
	display:none
}
.posts{
	width:100%;
	margin:0 auto
}
.post{
	width:100%;
	text-align:left;
	margin:20px auto;
	padding:20px 0
}
@media (max-width: 899px){
	.post{
		max-width:660px
	}
}
.post:not(:last-of-type){
	border-bottom:1px solid var(--border-color)
}
.post .post-meta-inline,.post .post-meta{
	font-size:1rem;
	margin-bottom:10px;
	color:var(--accent-alpha-70)
}
.post-meta-inline{
	display:inline
}
.post-title{
	--border: 2px dashed var(--accent);
	position:relative;
	color:var(--accent);
	margin:0 0 15px;
	padding-bottom:15px;
	border-bottom:var(--border);
	font-weight:normal
}
.post-title a{
	text-decoration:none
}
.post .post-tags-inline,.post .post-tags{
	margin-bottom:20px;
	font-size:1rem;
	opacity:.5
}
.post-tags{
	display:block
}
.post-tags-inline{
	display:inline
}
@media (max-width: 683px){
	.post-tags-inline{
		display:block
	}
}
.post-content{
	margin-top:30px
}
.post-cover{
	border:20px solid var(--accent);
	background:rgba(0,0,0,0);
	margin:40px 0;
	padding:20px
}
@media (max-width: 683px){
	.post-cover{
		padding:10px;
		border-width:10px
	}
}
.post ul{
	list-style:none
}
.post ul li:before{
	content:"►";
	position:absolute;
	left:-20px;
	color:var(--accent)
}
.post--regulation h1{
	justify-content:center
}
.post--regulation h2{
	justify-content:center;
	margin-bottom:10px
}
.post--regulation h2+h2{
	margin-top:-10px;
	margin-bottom:20px
}
.post-list .post-date{
	color:var(--accent-alpha-70);
	text-decoration:none
}
.post-list a{
	text-decoration:none
}
.post-list .post-list-title{
	text-decoration:underline
}
.post-list .post-tag{
	text-decoration:underline
}
.pagination{
	margin-top:50px
}
.pagination__title{
	display:flex;
	text-align:center;
	position:relative;
	margin:100px 0 20px
}
.pagination__title-h{
	text-align:center;
	margin:0 auto;
	padding:5px 10px;
	background:var(--background);
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:.1em;
	z-index:1
}
.pagination__title hr{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	margin-top:15px;
	z-index:0
}
.pagination__buttons{
	display:flex;
	align-items:center;
	justify-content:center
}
@media (max-width: 683px){
	.pagination__buttons{
		flex-direction:column
	}
}
.button{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:1rem;
	border-radius:8px;
	max-width:40%;
	padding:0;
	cursor:pointer;
	appearance:none
}
@media (max-width: 683px){
	.button{
		max-width:80%
	}
}
.button+.button{
	margin-left:10px
}
.button a{
	display:flex;
	padding:8px 16px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.button__text{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.footer{
	padding:40px 0;
	flex-grow:0;
	opacity:.5
}
.footer__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0;
	width:760px;
	max-width:100%
}
@media (max-width: 899px){
	.footer__inner{
		flex-direction:column
	}
}
.footer a{
	color:inherit
}
.footer .copyright{
	display:flex;
	flex-direction:row;
	align-items:center;
	font-size:1rem;
	color:var(--light-color-secondary)
}
.footer .copyright--user{
	margin:auto;
	text-align:center
}
.footer .copyright>*:first-child:not(:only-child){
	margin-right:10px
}
@media (max-width: 899px){
	.footer .copyright>*:first-child:not(:only-child){
		border:none;
		padding:0;
		margin:0
	}
}
@media (max-width: 899px){
	.footer .copyright{
		flex-direction:column;
		margin-top:10px
	}
}
@media (max-width: 899px){
	.footer .copyright-theme-sep{
		display:none
	}
}
@media (max-width: 899px){
	.footer .copyright-theme{
		font-size:.75rem
	}
}