:root {
  --sou-bg: #f7f1e7;
  --sou-paper: #fffaf0;
  --sou-ink: #2b211b;
  --sou-muted: #75675d;
  --sou-line: rgba(43, 33, 27, .16);
  --sou-accent: #f39800;
  --sou-accent-dark: #b86400;
  --sou-brown: #3a261b;
  --sou-container: 1120px;
  --sou-font: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--sou-ink);
  background: var(--sou-bg);
  font-family: var(--sou-font);
  font-size: .95rem;
  line-height: 1.85;
  letter-spacing: .035em;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: var(--sou-accent-dark);
  text-decoration: none;
}

a:hover,
a:focus-visible {
  color: var(--sou-accent);
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content p {
  margin: 0 0 1.35em;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  margin: 2em 0 .8em;
  line-height: 1.45;
}