/* essay.css — 随想(essays.html / essay-*.html と en/ の同名)だけで使うスタイル。2026-10-12 追加。
   style.css の後に読み込む(色変数を継承するため)。改修したら ?v= を上げ、随想の全ページの参照を更新すること。
   随想のページは .wrap に cat-essay を付け、アクセント色を琥珀(--ember)にする。一覧ページには付けない
   (付けると読み進めの細い線が短い一覧にも出るため)。 */
.cat-essay{ --accent: var(--ember); }

/* ── 一覧(essays.html) ── */
article.post-body.essays-head{ padding-bottom: 0; }
article.post-body.essays-head h1{ margin-bottom: 22px; }
.essay-list{ list-style: none; margin: 34px 0 0; padding: 0; max-width: 640px; border-top: 1px solid var(--line); }
.essay-item{ padding: 26px 0 24px; border-bottom: 1px solid var(--line); }
.essay-item time{ display: block; margin-bottom: 8px; font-size: 12.5px; color: var(--text-faint); letter-spacing: 0.03em; }
.essay-item-title{ font-family: 'Shippori Mincho', serif; font-size: 21px; font-weight: 600; line-height: 1.6; letter-spacing: 0.01em; color: var(--text); text-decoration: none; transition: color 0.3s; }
.essay-item-title:hover{ color: var(--ember); }
.essay-item-first{ margin: 10px 0 0; font-size: 14px; line-height: 1.9; color: var(--text-muted); }

/* ── 随想のページ(essay-*.html) ── */
article.post-body .essay-text p{ font-family: 'Shippori Mincho', serif; font-size: 16.5px; line-height: 2.1; letter-spacing: 0.03em; margin: 0 0 6px; }
html[lang="en"] article.post-body .essay-text p{ font-family: 'EB Garamond', serif; font-size: 19px; line-height: 1.8; letter-spacing: 0; margin: 0 0 18px; }
article.post-body p.essay-sign{ margin: 36px 0 0; text-align: right; font-family: 'EB Garamond', serif; font-style: italic; font-size: 19px; color: var(--text-muted); letter-spacing: 0.04em; }
article.post-body p.essay-note{ margin: 52px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.85; color: var(--text-faint); }

@media (max-width: 640px){
  article.post-body .essay-text p{ font-size: 16px; line-height: 2.0; }
  html[lang="en"] article.post-body .essay-text p{ font-size: 18px; }
  .essay-item-title{ font-size: 19px; }
}