@charset "utf-8";

body {
	letter-spacing: 0.06em;
}

a:link {
	color: #1a73e8;
}

a:active{
	color: #ff0000;
}

a:hover{
	color: #1558d6;
}

a:visited{
	color: #551a8b;
}

strong {
	font-weight: 900;
}

.main-wrapper {
	padding-top: 5vw;
	padding-left: max(80px, 5vw);
}

aside {
	max-width: 400px;
}

aside .wp-block-latest-posts__list {
	
}

aside .wp-block-latest-posts__list li {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #333;
}

.single-flex {
	display: flex;
	justify-content: center;
	gap: min(80px, 4vw);
}

.single-flex .site-main {
	width: 88%;
	max-width: 780px;
	padding: 0 0 120px 0;
}

.entry-header {
	margin-bottom: 1rem;
}

.page-title {
	font-size: min(1.8vw, 40px);
	font-weight: 700;
	padding-bottom: 1em;
}

h2.wp-block-heading {
	font-size: min(1.5vw, 32px);
	color: #4c9ac0;
	font-weight: 700;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border: 3px solid #4c9ac0;
	overflow: hidden;
	position: relative;
}

h2.wp-block-heading::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-width: 25px 25px 0 0;
	border-style: solid;
	border-color: #4c9ac0 transparent #4c9ac0
}

h3.wp-block-heading {
	font-size: min(1.3vw, 24px);
	font-weight: 700;
	margin: 1em 0;
	background-color: #4c9ac0;
	color: #fff;
	padding: 0.5em 1em calc(0.5em - 2px);
	position: relative;
}
h3.wp-block-heading::after {
	content: '';
	background-color: #4c9ac0;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -6px;
	left: 0;
}

p {
	font-size: min(1.1vw, 18px);
	padding-bottom: 1em;
	line-height: 2.2em;
}

ul.wp-block-list {
	list-style: disc;
	font-size: min(1.1vw, 18px);
	line-height: 2.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 2px solid #111;
	border-bottom: 2px solid #111;
	margin-top: 0;
	padding-left: 1.6em;
}

.published-label,
.modified-label{
	display:inline-block;
}

@media screen and (max-width: 479px) {	
	.main-wrapper {
		padding: 0;
	}
	.single-flex .site-main,
	aside {
		width: 100%;
		padding: 5vw;
	}
	.site-main {
		padding-top: 60px;
	}
	.page-title{
		font-size: 5.4vw;
	}
	h2.wp-block-heading {
		font-size: 4.0vw;
		line-height: 1.8em;
	}
	h2.wp-block-heading::before {
		border-width: 15px 15px 0 0;
	}

	h3.wp-block-heading {
		font-size: 3.6vw;
		line-height: 1.8em;
	}

	p {
		font-size: 3.4vw;
	}

	ul.wp-block-list {
		font-size: 3.4vw;
		border-top: 1px solid #111;
		border-bottom: 1px solid #111;
	}
	.single-flex {
		flex-direction: column;
	}
}