:root {
  --bg: #fbf7ef;
  --elem: #f3ebda;
  --text: #2b241a;
  --sub: #7a6f5c;
  --vermillion: #b23b30;
  --divider: #e3d8c0;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;
  line-height: 1.8;
}
h1 {
  font-family: "Hiragino Mincho ProN", serif;
  line-height: 1.35;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
header.site { text-align: center; padding: 56px 24px 8px; }
header.site .torii { font-size: 48px; }
header.site h1 {
  font-family: "Hiragino Mincho ProN", serif;
  font-weight: 600;
  font-size: 30px;
  margin: 8px 0 4px;
}
header.site p { color: var(--sub); margin: 0; }
h2 {
  font-family: "Hiragino Mincho ProN", serif;
  font-size: 22px;
  margin-top: 40px;
  border-bottom: 1px solid var(--divider);
  padding-bottom: 8px;
}
h3 { font-size: 17px; margin-top: 28px; }
a { color: var(--vermillion); }
.card {
  background: var(--elem);
  border-radius: 16px;
  padding: 20px 24px;
  margin: 24px 0;
}
.muted { color: var(--sub); font-size: 14px; }
nav.links { text-align: center; margin-top: 32px; }
nav.links a { margin: 0 12px; }
footer { text-align: center; color: var(--sub); font-size: 13px; padding: 40px 24px; }