:root {
	--dark-background:#292a2d;
	--dark-background-secondary:#3b3d42;
	--dark-border-color:#4a4b50;
	--dark-color:#a9a9b3;
	--dark-color-secondary:#73747b;
	--light-background:#fff;
	--light-background-secondary:#eaeaea;
	--light-border-color:#dcdcdc;
	--light-color:#222;
	--light-color-secondary:#999;
	--phoneWidth:(max-width:684px);
	--tabletWidth:(max-width:900px)
}
@font-face {
	font-family:Inter;
	src:url(jf-openhuninn.woff) format("woff")
}
@font-face {
	font-family:JetBrainsMono;
	src:url(JetBrainsMono-Regular.woff2) format("woff2")
}
/* @font-face {
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	src:url(bffaed793493dc46bf0789e2275909ac.woff2) format("woff2"),url(aebfbb3c9c7d49053fce8cadbc6e6735.woff) format("woff")
}
@font-face {
	font-family:Inter;
	font-style:italic;
	font-weight:400;
	src:url(381444ec5c7d26b672bebaca791d0640.woff2) format("woff2"),url(35cf8109301be9e5b147a09c9f103bc4.woff) format("woff")
}
@font-face {
	font-family:Inter;
	font-style:normal;
	font-weight:600;
	src:url(2e5e0884f40cc3929881d89710fa432e.woff2) format("woff2"),url(c09fb3891c96d467a92d9d898e4a931a.woff) format("woff")
}
@font-face {
	font-family:Inter;
	font-style:italic;
	font-weight:600;
	src:url(7a7fd73559e43715c0db3f6ff13fa108.woff2) format("woff2"),url(ad6e093cdbdede112459e8a6a1ad9563.woff) format("woff")
}
@font-face {
	font-family:Inter;
	font-style:normal;
	font-weight:800;
	src:url(34356f6bf3d0f6de82656cca908803cf.woff2) format("woff2"),url(61c493e3af34ba077777c6bb54862837.woff) format("woff")
}
@font-face {
	font-family:Inter;
	font-style:italic;
	font-weight:800;
	src:url(57acb4797f14814f3f3d8b5ff0dc92f5.woff2) format("woff2"),url(6fbcf86a8d4a8411d22ed510f1d72be8.woff) format("woff")
} */
.button-container {
	display:table;
	margin-left:auto;
	margin-right:auto
}
.button,a.button,button {
	-moz-appearance:none;
	-webkit-appearance:none;
	align-items:center;
	appearance:none;
	background:#eaeaea;
	background:var(--light-background-secondary);
	border:1px solid transparent;
	border-radius:8px;
	cursor:pointer;
	display:flex;
	/* font-weight:500; */
	justify-content:center;
	margin-bottom:5px;
	outline:none;
	padding:8px 18px;
	position:relative;
	text-align:center;
	text-decoration:none
}
.dark-theme .button,.dark-theme a.button,.dark-theme button {
	background:#3b3d42;
	background:var(--dark-background-secondary);
	color:inherit
}
.button.outline,a.button.outline,button.outline {
	background:transparent;
	border-color:#eaeaea;
	border-color:var(--light-background-secondary);
	box-shadow:none;
	padding:8px 18px
}
.dark-theme .button.outline,.dark-theme a.button.outline,.dark-theme button.outline {
	border-color:#3b3d42;
	border-color:var(--dark-background-secondary);
	color:inherit
}
.button.outline :hover,a.button.outline :hover,button.outline :hover {
	-webkit-transform:none;
	box-shadow:none;
	transform:none
}
.button.primary,a.button.primary,button.primary {
	box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.button.primary:hover,a.button.primary:hover,button.primary:hover {
	box-shadow:0 2px 6px rgba(50,50,93,.21),0 1px 3px rgba(0,0,0,.08)
}
.button.link,a.button.link,button.link {
	background:none;
	font-size:1rem
}
.button.small,a.button.small,button.small {
	font-size:.8rem
}
.button.wide,a.button.wide,button.wide {
	min-width:200px;
	padding:14px 24px
}
a.read-more,a.read-more:active,a.read-more:hover {
	background:none;
	box-shadow:none;
	display:inline-flex;
	/* font-weight:700; */
	margin:20px 0;
	padding:0
}
.dark-theme a.read-more,.dark-theme a.read-more:active,.dark-theme a.read-more:hover {
	background:none
}
.code-toolbar {
	margin-bottom:20px
}
.code-toolbar .toolbar-item a {
	-moz-appearance:none;
	-webkit-appearance:none;
	align-items:center;
	appearance:none;
	background:#eaeaea;
	background:var(--light-background-secondary);
	border:1px solid transparent;
	border-radius:8px;
	cursor:pointer;
	display:inline-flex;
	font-size:13px;
	font-weight:500;
	justify-content:center;
	margin-bottom:5px;
	outline:none;
	padding:3px 8px;
	position:relative;
	text-align:center;
	text-decoration:none
}
.dark-theme .code-toolbar .toolbar-item a {
	background:#3b3d42;
	background:var(--dark-background-secondary);
	color:inherit
}
.header {
	align-items:center;
	background:#fafafa;
	display:flex;
	justify-content:center;
	padding:20px;
	position:relative
}
.dark-theme .header {
	background:#252627
}
.header__right {
	align-items:center;
	display:flex;
	flex-direction:row
}
@media (max-width:683px) {
	.header__right {
	flex-direction:row-reverse
}
}.header__inner {
	justify-content:space-between;
	margin:0 auto;
	max-width:100%;
	width:760px
}
.header__inner,.theme-toggle {
	align-items:center;
	display:flex
}
.theme-toggle {
	cursor:pointer;
	justify-content:center;
	line-height:1
}
.theme-toggler {
	fill:currentColor
}
.logo {
	align-items:center;
	display:flex;
	flex:0 0 auto;
	font-weight:550;
	text-decoration:none
}
.logo img {
	height:44px
}
.logo__mark {
	align-items:center;
	display:inline-flex;
	margin-right:5px
}
.logo__mark .greater-icon {
	height:100%;
	width:.95rem
}
.logo__mark .greater-icon polyline {
	stroke:currentColor;
	stroke-width:8px
}
.logo__text {
	font-size:1.125rem
}
.logo__cursor {
	-webkit-animation:cursor 1s infinite;
	animation:cursor 1s infinite;
	background:#fe5186;
	border-radius:1px;
	display:inline-block;
	height:1rem;
	margin-left:5px;
	width:10px
}
@-webkit-keyframes cursor {
	0% {
	opacity:0
}
50% {
	opacity:1
}
to {
	opacity:0
}
}@keyframes cursor {
	0% {
	opacity:0
}
50% {
	opacity:1
}
to {
	opacity:0
}
}.menu {
	--shadow:0 8px 20px var(--shadow-color);
	--shadow-color:rgba(0,0,0,0.12);
	border-right:1px solid;
	/* font-weight:600; */
	margin-right:18px;
	padding-right:24px
}
@media (max-width:683px) {
	.menu {
	background:#fafafa;
	border:none;
	border-radius:5px;
	box-shadow:var(--shadow);
	list-style:none;
	margin:0;
	padding:5px;
	position:absolute;
	right:10px;
	top:50px;
	z-index:99
}
.dark-theme .menu {
	background:#3b3d42;
	background:var(--dark-background-secondary)
}
}.menu a {
	text-decoration:none
}
.menu__inner {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	list-style:none;
	margin:0;
	padding:0
}
@media (max-width:683px) {
	.menu__inner--desktop {
	display:none
}
}.menu__inner--mobile {
	display:none
}
@media (max-width:683px) {
	.menu__inner--mobile {
	display:block
}
}.menu__inner li {
	flex:0 0 auto;
	text-align:left
}
.menu__inner li:not(:first-of-type) {
	margin-left:20px
}
@media (max-width:683px) {
	.menu__inner {
	align-items:flex-start;
	flex-direction:column;
	padding:0
}
.menu__inner li {
	margin-left:0!important;
	padding:10px
}
}.menu__sub-inner {
	list-style:none;
	margin:0;
	padding:0;
	position:relative
}
.menu__sub-inner:not(:only-child) {
	margin-left:20px
}
.menu__sub-inner-more {
	background:#fafafa;
	border-radius:5px;
	box-shadow:var(--shadow);
	left:0;
	list-style:none;
	margin:0;
	padding:5px;
	position:absolute;
	top:35px;
	z-index:99
}
.dark-theme .menu__sub-inner-more {
	background:#3b3d42;
	background:var(--dark-background-secondary)
}
.menu__sub-inner-more-trigger {
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	align-items:center;
	cursor:pointer;
	display:inline-flex;
	user-select:none
}
.menu__sub-inner-more-trigger-icon {
	-webkit-transform:rotate(90deg);
	align-items:center;
	display:inline-flex;
	line-height:1;
	margin-left:3px;
	transform:rotate(90deg)
}
.menu__sub-inner-more-trigger-icon .greater-icon {
	height:100%;
	width:.95rem
}
.menu__sub-inner-more-trigger-icon .greater-icon polyline {
	stroke:currentColor;
	stroke-width:5px
}
.menu__inner .menu__sub-inner-more li {
	margin-left:0;
	padding:10px;
	white-space:nowrap
}
.menu__inner .menu__sub-inner-more li:hover {
	background:rgba(0,0,0,.05);
	border-radius:3px;
	cursor:pointer
}
.dark-theme .menu__inner .menu__sub-inner-more li:hover {
	background:rgba(0,0,0,.15)
}
.menu-trigger {
	cursor:pointer;
	fill:currentColor;
	height:24px;
	margin-left:10px;
	width:24px
}
html {
	box-sizing:border-box;
}
*,:after,:before {
	box-sizing:inherit;
}
body {
	-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl";
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	background-color:var(--light-background);
	color:#222;
	color:var(--light-color);
	font-family:JetBrainsMono,Inter,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif;
	font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl";
	font-size:1rem;
	/*font-weight:600;*/
	line-height:2;
	margin:0;
	padding:0;
	text-rendering:optimizeLegibility;
	zoom:1.1;
}
@media (max-width:683px) {
	body {
	font-size:1rem;
	zoom:1;
	}
}
body.dark-theme {
	background-color:#292a2d;
	background-color:var(--dark-background);
	color:#a9a9b3;
	color:var(--dark-color)
}
h1,h2,h3,h4,h5,h6 {
	align-items:center;
	display:flex;
	line-height:1.3;
	font-weight:normal;
}
h1 {
	font-size:2.625rem
}
h2 {
	font-size:1.625rem
}
h3 {
	font-size:1.375rem
}
h4 {
	font-size:1.125rem
}
@media (max-width:683px) {
	h1 {
	font-size:2rem
	}
	h2 {
		font-size:1.4rem
	}
	h3 {
		font-size:1.15rem
	}
	h4 {
		font-size:1.125rem
	}
}
a {
	color:inherit
}
img {
	display:block;
	max-width:100%
}
img.center,img.left {
	margin-right:auto
}
img.center,img.right {
	margin-left:auto
}
figure {
	display:table;
	margin:25px 0;
	max-width:100%
}
figure.center,figure.left {
	margin-right:auto
}
figure.center,figure.right {
	margin-left:auto
}
figure figcaption {
	font-size:.9rem;
	margin-top:5px;
	opacity:.8
}
figure figcaption.left {
	text-align:left
}
figure figcaption.center {
	text-align:center
}
figure figcaption.right {
	text-align:right
}
code {
	-webkit-font-feature-settings:normal;
	background:#eaeaea;
	background:var(--light-background-secondary);
	border-radius:5px;
	font-family:JetBrainsMono,Inter,Menlo,Consolas,Ubuntu Mono,monospace;
	font-feature-settings:normal;
	font-size:.9rem;
	font-weight:400;
	margin:0 5px;
	padding:1px 6px
}
.dark-theme code {
	background:#3b3d42;
	background:var(--dark-background-secondary)
}
pre {
	background:#212020;
	border-radius:8px;
	font-size:.9rem;
	overflow:auto;
	padding:20px;
	line-height: 1.5;
	font-family:JetBrainsMono,Inter,Menlo,Consolas,Ubuntu Mono,monospace;
}
@media (max-width:683px) {
	pre {
	white-space:pre-wrap;
	word-wrap:break-word
}
}
pre code {
	background:none!important;
	color:#ccc;
	font-size:.9rem;
	margin:0;
	padding:0
}
.dark-theme pre code {
	color:inherit
}
blockquote {
	border-left:2px solid;
	margin:40px;
	padding:10px 20px
}
@media (max-width:683px) {
	blockquote {
	margin:10px;
	padding:10px
}
}
blockquote:before {
	content:"\201D";
	font-family:Georgia,serif;
	font-size:3.875rem;
	left:-40px;
	position:absolute;
	top:-20px
}
blockquote p:first-of-type {
	margin-top:0
}
blockquote p:last-of-type {
	margin-bottom:0
}
table {
	border-collapse:collapse;
	border-radius:5px;
	margin:40px 0;
	table-layout:fixed;
	width:100%
}
table,td,th {
	border:1px solid;
	padding:10px
}
th {
	background:#eaeaea;
	background:var(--light-background-secondary)
}
.dark-theme th {
	background:#3b3d42;
	background:var(--dark-background-secondary)
}
ol,ul {
	/* margin-left:40px;
	padding:0; */
	margin-left: 1.5rem;
	padding:0;
}
@media (max-width:683px) {
	ol,ul {
	margin-left:20px
}
}ol ol {
	list-style-type:lower-alpha
}
.container {
	flex-direction:column;
	text-align:center
}
.container,.content {
	display:flex;
	justify-content:center
}
.content {
	align-items:center;
	flex:1 auto;
	flex-direction:column;
	margin:50px 0px 0px 0px
}
@media (max-width:683px) {
	.content {
	margin-top:0
}
}
hr {
	background:#dcdcdc;
	background:var(--light-border-color);
	border:none;
	height:1px;
	width:100%
}
.dark-theme hr {
	background:#4a4b50;
	background:var(--dark-border-color)
}
.hidden {
	display:none
}
.posts {
	width:100%
}
.post {
	margin:20px auto;
	max-width:800px;
	padding:20px;
	text-align:left;
	width:100%
}
@media (max-width:899px) {
	.post {
	max-width:660px
}
}
.post:not(:last-of-type) {
	border-bottom:1px solid #dcdcdc;
	border-bottom:1px solid var(--light-border-color)
}
.dark-theme .post:not(:last-of-type) {
	border-color:#4a4b50;
	border-color:var(--dark-border-color)
}
.post-meta {
	font-size:1rem;
	margin-bottom:10px
}
@media (max-width:683px) {
	.post-meta {
	font-size:.85rem
}
}
.post-title {
	font-size:2.0rem;
	margin:0 0 20px
}
@media (max-width:683px) {
	.post-title {
	font-size:2rem
}
}
.post-title a {
	text-decoration:none
}
.post-tags {
	display:block;
	font-size:1rem;
	margin-bottom:20px;
	opacity:.5
}
.post-tags a {
	text-decoration:none
}
.post-content {
	margin-top:30px
}
.post-content a {
	padding-bottom: 0.1em;
	border-bottom: 1px dashed rgba(255,161,66,0.5);
	color: #eab949;
	text-decoration: none;
}
.post-content a:hover {
  border-bottom: 1px solid rgba(255,161,66,0.5);
  color: #eab949;
}
.post-content ul {
    /* margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem; */
		list-style: disc outside;
}
.post-cover {
	border-radius:8px;
	box-shadow:0 12px 40px rgba(0,0,0,.15);
	margin:40px -50px;
	max-width:860px;
	width:860px
}
@media (max-width:899px) {
	.post-cover {
	margin:20px 0;
	width:100%
}
}
.post--regulation h1,.post--regulation h2 {
	justify-content:center
}
.post--regulation h2 {
	margin-bottom:10px
}
.post--regulation h2+h2 {
	margin-bottom:20px;
	margin-top:-10px
}
.pagination {
	margin-top:50px
}
.pagination__title {
	display:flex;
	margin:100px 0 20px;
	position:relative;
	text-align:center
}
.pagination__title-h {
	background:#fff;
	background:var(--light-background);
	color:#999;
	color:var(--light-color-secondary);
	font-size:.8rem;
	letter-spacing:.1em;
	margin:0 auto;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	z-index:1
}
.dark-theme .pagination__title-h {
	background:#292a2d;
	background:var(--dark-background);
	color:#73747b;
	color:var(--dark-color-secondary)
}
.pagination__title hr {
	left:0;
	margin-top:15px;
	position:absolute;
	right:0;
	width:100%;
	z-index:0
}
.pagination__buttons {
	align-items:center;
	display:flex;
	justify-content:center
}
.pagination__buttons a {
	/* font-weight:700; */
	text-decoration:none
}
.button {
	-moz-appearance:none;
	-webkit-appearance:none;
	align-items:center;
	appearance:none;
	background:#eaeaea;
	background:var(--light-background-secondary);
	border-radius:8px;
	cursor:pointer;
	display:inline-flex;
	font-size:1rem;
	/* font-weight:600; */
	justify-content:center;
	max-width:40%;
	padding:0;
	position:relative
}
.dark-theme .button {
	background:#3b3d42;
	background:var(--dark-background-secondary)
}
.button+.button {
	margin-left:10px
}
.button a {
	display:flex;
	padding:8px 16px;
	text-decoration:none
}
.button__text,.button a {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.button.next .button__icon {
	margin-left:8px
}
.button.previous .button__icon {
	margin-right:8px
}
.footer {
	color:#999;
	color:var(--light-color-secondary);
	flex-grow:0;
	padding:40px 20px
}
.footer__inner {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:100%;
	width:760px
}
@media (max-width:899px) {
	.footer__inner {
	flex-direction:column
}
}.footer a {
	color:inherit
}
.footer .copyright {
	align-items:center;
	color:#999;
	color:var(--light-color-secondary);
	display:flex;
	flex-direction:row;
	font-size:1rem
}
.footer .copyright--user {
	margin:auto;
	text-align:center
}
.footer .copyright>:first-child:not(:only-child) {
	border-right:1px solid;
	margin-right:10px;
	padding-right:10px
}
@media (max-width:899px) {
	.footer .copyright>:first-child:not(:only-child) {
	border:none;
	margin:0;
	padding:0
}
}
@media (max-width:899px) {
	.footer .copyright {
	flex-direction:column;
	margin-top:10px
}
}