@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Source+Serif+4:ital,wght@0,300;0,400;1,300;1,400&display=swap');

:root {
	--bg: #f5f0e8;
	--ink: #1a1a18;
	--accent: #b5320a;
	--mid: #5c5646;
	--rule: #c8bfa8;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body
{
	background-color: var(--bg);
	color: var(--ink);
	font-family: 'Source Serif 4', Georgia, serif;
	font-weight: 300;
	line-height: 1.85;
	font-size: 18px;
}
.back-link
{
	display: inline-block;
	color: var(--mid);
	text-decoration: none;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.back-link:hover
{
	color: var(--ink);
	text-decoration: underline;
}
header
{
	border-bottom: 3px double var(--rule);
	padding: 3rem 0 2rem;
	text-align: center;
	max-width: 780px;
	margin: 0 auto;
	padding-left: 2rem;
	padding-right: 2rem;
}
h1
{
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(2rem, 5vw, 3.2rem);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--ink);
	margin-bottom: 1.6rem;
}
.blog-list
{
	display: flex;
	flex-direction: column;
	gap: 0;
}
.blog-entry
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1.4rem 0;
	border-bottom: 1px solid var(--rule);
	gap: 0.4rem;
}
.blog-entry:last-child
{
	border-bottom: none;
}
.blog-date
{
	font-family: 'Source Serif 4', Georgia, serif;
	color: var(--mid);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 400;
}
.blog-title
{
	font-family: 'Playfair Display', Georgia, serif;
	color: var(--ink);
	font-size: 1.15rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.3;
}
.blog-title:hover
{
	color: var(--accent);
	text-decoration: underline;
}