/*
Theme Name: WWP
Theme URI: https://wikitopia.city
Author: Yuichiro Takeuchi
Author URI: https://tinylab.me
Description: A custom theme for the Wikitopia Blog
Version: 2025.1.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: grid-layout, one-column
Text Domain: wwp

© 2025 Wikitopia Project
*/

html, body, header, footer, div, h1, h2, h3, p{
	margin: 0;
	padding: 0;
}
html{
	font-size: 0.625em;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0 auto 0 auto;
	padding: 0 1.5rem 0 1.5rem;
	font-family: serif;
	text-align: justify;
	background-color: #ffffff;
	color: #000000;
}
footer{
	text-align: center;
}
a{
	color: #000000;
}
a.noline{
	text-decoration: none;
}
a.noline:hover{
	color: #606060;
}
.more{
	font-weight: bold;
	text-decoration: underline;
}
.wee{
	font-size: 0.9em;
	color: #606060;
}
.author{
	font-size: 0.95em;
}
@media (max-width: 599px){
	body{
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	p{
		margin-bottom: 2.4rem;
	}
	header{
		margin-top: 2.5rem;
	}
	h1{
		margin-top: 0.7rem;
		margin-bottom: 3.8rem;
		font-size: 2.3rem;
		line-height: 4.6rem;
	}
	h2{
		margin-bottom: 0.3rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	#article{
		margin-top: 7.5rem;
	}
	.date{
		font-size: 1.4rem;
	}
	.author{
		margin-top: 4rem;
	}
	footer{
		margin-top: 5rem;
		margin-bottom: 6.5rem;
	}
	#posts{
		margin-top: 7.5rem;
		margin-bottom: 10rem;
	}
	.post{
		margin-bottom: 5rem;
	}
	.more{
		font-size: 1.4rem;
	}
}
@media (min-width: 600px){
	body{
		font-size: 1.8rem;
		line-height: 3rem;
		max-width: 60rem;
	}
	p{
		margin-bottom: 3rem;
	}
	header{
		margin-top: 4rem;
	}
	h1{
		margin-top: 0.8rem;
		margin-bottom: 4.6rem;
		font-size: 2.8rem;
		line-height: 5.6rem;
	}
	h2{
		margin-bottom: 0.4rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	#article{
		margin-top: 12rem;
	}
	.date{
		font-size: 1.6rem;
	}
	.author{
		margin-top: 4.8rem;
	}
	footer{
		margin-top: 8rem;
		margin-bottom: 9.8rem;
	}
	#posts{
		margin-top: 12rem;
		margin-bottom: 16rem;
	}
	.post{
		margin-bottom: 8rem;
	}
	.more{
		font-size: 1.7rem;
	}
}
.postid-633 h1{
	text-align: left;
}