:root {
	--moamori-ink: #20332d;
	--moamori-muted: #61716c;
	--moamori-paper: #fbfaf6;
	--moamori-surface: #ffffff;
	--moamori-line: #d9dfd9;
	--moamori-accent: #2f6b57;
	--moamori-accent-soft: #e7f1ec;
	--moamori-reading: 720px;
}

body {
	background: var(--moamori-paper);
	color: var(--moamori-ink);
}

body.single-post .site-content .inside-article,
body.single-post .site-content .entry-content {
	max-width: var(--moamori-reading);
}

.moamori-trust-note,
.moamori-ad-slot,
.moamori-related-posts {
	margin-block: 2.5rem;
	max-width: 100%;
}

.moamori-trust-note {
	border-left: 4px solid var(--moamori-accent);
	background: var(--moamori-accent-soft);
	padding: 1rem 1.125rem;
}

.moamori-trust-note p,
.moamori-related-posts__intro p,
.moamori-related-posts__card p {
	color: var(--moamori-muted);
}

.moamori-ad-slot {
	border-block: 1px solid var(--moamori-line);
	padding-block: 1.25rem;
}

.moamori-ad-slot__label,
.moamori-eyebrow,
.moamori-related-posts__category {
	color: var(--moamori-muted);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.moamori-related-posts {
	border-top: 2px solid var(--moamori-ink);
	padding-top: 1.5rem;
}

.moamori-related-posts__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.moamori-related-posts__card {
	background: var(--moamori-surface);
	border: 1px solid var(--moamori-line);
	border-radius: 0.5rem;
	padding: 1.25rem;
}

.moamori-related-posts__image img {
	border-radius: 0.25rem;
	display: block;
	height: auto;
	margin-bottom: 1rem;
	max-width: 100%;
}

.moamori-related-posts__card a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

.moamori-related-posts__card h3 {
	font-size: 1.125rem;
	line-height: 1.45;
	margin-block: 0.35rem 0.75rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 3px solid var(--moamori-accent);
	outline-offset: 3px;
}

.main-navigation a,
.moamori-related-posts__card a {
	min-height: 44px;
}

.widget-area .widget {
	background: var(--moamori-surface);
	border: 1px solid var(--moamori-line);
	border-radius: 0.5rem;
	padding: 1.5rem;
}

.widget-area .widget-title {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.widget-area .wp-block-search__inside-wrapper {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: minmax(0, 1fr) auto;
}

.widget-area .wp-block-search__input,
.widget-area .wp-block-search__button {
	min-height: 44px;
}

.widget-area .wp-block-search__input {
	min-width: 0;
}

.widget-area .wp-block-search__button {
	background: var(--moamori-ink);
	border: 1px solid var(--moamori-ink);
	padding-inline: 1rem;
	white-space: nowrap;
	word-break: keep-all;
}

.widget-area .wp-block-latest-posts__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-area .wp-block-latest-posts__list li {
	margin: 0;
	padding-block: 0.85rem;
}

.widget-area .wp-block-latest-posts__list li + li {
	border-top: 1px solid var(--moamori-line);
}

.widget-area .wp-block-latest-posts__list a {
	color: var(--moamori-ink);
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
}

.widget-area .wp-block-latest-posts__list a:hover {
	color: var(--moamori-accent);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

@media (max-width: 640px) {
	.moamori-related-posts__grid {
		grid-template-columns: 1fr;
	}

	.moamori-trust-note,
	.moamori-related-posts__card {
		padding: 1rem;
	}
}