/* テーマ: kappan — 案1「古新聞・活版」。縦書き題字+朱印、骨董の紙面 */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #efe5da;
  color: #2a2620;
  font-family: "Yu Mincho", "YuMincho", "MS PMincho", serif;
  line-height: 1.95;
  font-size: 16px;
}

main { max-width: 40rem; margin: 0 auto; padding: 0 1.25rem 4rem; }

.masthead {
  text-align: center;
  padding: 2.4rem 1rem 1.2rem;
  border-bottom: 3px double #2a2620;
  margin-bottom: 2rem;
  position: relative;
}
.edition { font-size: .74rem; color: #6b6357; letter-spacing: .16em; margin-bottom: 1rem; }
.brand {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: .3em;
  text-indent: .3em; /* 字間ぶんの右寄り補正 */
  border-top: 1px solid #2a2620;
  border-bottom: 4px double #2a2620;
  display: inline-block;
  padding: .35rem .6rem;
}
.brand a { color: #2a2620; text-decoration: none; }
/* 角印「超訳済」— サイトアイコン(角印・超訳)と同じ朱地・クリーム内枠。右上に置くので右傾き。3文字を縦に積む */
.masthead::after {
  content: "超\A訳\A済";
  white-space: pre;
  position: absolute;
  right: 9%;
  top: 2.2rem;
  width: 2.7rem;
  padding: .4rem 0;
  background: #9d2f23;
  color: #efe5da;
  box-shadow: inset 0 0 0 3px #9d2f23, inset 0 0 0 5px #efe5da;
  border-radius: 7px;
  font-weight: 700;
  font-size: .82rem;
  line-height: 1.18;
  text-align: center;
  transform: rotate(6deg);
  opacity: .95;
}
.nav { margin-top: 1.1rem; font-size: .84rem; letter-spacing: .1em; }
.nav a { color: #6b6357; text-decoration: none; margin: 0 .6rem; }
.nav a:hover { color: #9d2f23; text-decoration: underline; text-underline-offset: .3em; }
.nav span { color: #6b6357; }

.headline-item { padding: 1.35rem 0; border-bottom: 1px solid rgba(42,38,32,.35); }
.headline-item:last-child { border-bottom: none; }
.date { font-size: .74rem; color: #6b6357; letter-spacing: .12em; margin-bottom: .25rem; }
.headline { font-size: 1.22rem; font-weight: 700; line-height: 1.85; }
.headline a { color: #2a2620; text-decoration: none; }
.headline a:hover { color: #9d2f23; text-decoration: underline; text-underline-offset: .32em; }

.article .headline { font-size: 1.4rem; margin-bottom: 1.6rem; }
.article .body p { margin-bottom: 1.2rem; text-indent: 1em; }
.source {
  margin-top: 2.2rem; padding: .9rem 1.1rem;
  border-left: 3px solid #2a2620;
  background: rgba(42,38,32,.05);
  font-size: .88rem;
}
.source a { color: #2a2620; text-underline-offset: .25em; }
.source a:hover { color: #9d2f23; }
.back { margin-top: 2.4rem; font-size: .9rem; }
.back a { color: #6b6357; text-decoration: none; }
.back a:hover { color: #9d2f23; text-decoration: underline; }

/* 一覧のページ送り(← 新しい号 / n / m / 古い号 →) */
.pagination {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 2.2rem; padding-top: 1.1rem;
  border-top: 1px solid rgba(42,38,32,.35);
  font-size: .9rem;
}
.pagination .newer, .pagination .older { min-width: 6.5em; }
.pagination .older { text-align: right; }
.pagination .page-pos { font-size: .78rem; color: #6b6357; letter-spacing: .12em; }
.pagination a { color: #6b6357; text-decoration: none; }
.pagination a:hover { color: #9d2f23; text-decoration: underline; text-underline-offset: .3em; }

.footer {
  text-align: center; font-size: .74rem; color: #6b6357; letter-spacing: .1em;
  padding: 1.6rem 1rem 2.6rem; border-top: 3px double #2a2620;
  max-width: 40rem; margin: 0 auto;
}

@media (max-width: 480px) {
  body { font-size: 15px; }
  .brand { font-size: 1.5rem; letter-spacing: .18em; text-indent: .18em; }
  .masthead::after { right: 3%; top: 1.6rem; width: 2.3rem; font-size: .72rem; }
  .headline { font-size: 1.1rem; }
}