/* ================================================================
   季語ページ追加スタイル（SANGOの基本スタイルに上乗せ）
   KIGO-CSS-VERSION: 2026-08-21-archive-hub
   ※配信中のCSSが最新か確認する際は、上の版数を目印にしてください。
   ================================================================ */

/* ── 読み・バッジ ────────────────────────────────────────── */

/* モバイル時は .single-title と同じ横パディングを合わせる */
.kigo-reading,
.kigo-badges {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 481px) {
  .kigo-reading,
  .kigo-badges {
    padding-left: 25px;
    padding-right: 25px;
  }
}
/* 769px以上は .article-header 自体にパディングが付くため不要 */
@media only screen and (min-width: 769px) {
  .kigo-reading,
  .kigo-badges {
    padding-left: 0;
    padding-right: 0;
  }
}

.kigo-reading {
  margin: .3em 0 .8em;
}
.kigo-reading-main {
  font-size: 1.1rem;
  letter-spacing: .05em;
}
.kigo-reading-hist {
  color: #555;
}

.kigo-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-bottom: .5rem;
}
.kigo-badge {
  display: inline-block;
  padding: .15em .7em;
  border-radius: 2em;
  font-size: .9rem;
  font-weight: 600;
}
.kigo-badge--period    { background: #e8f4e8; color: #2d6a2d; }
.kigo-badge--syllables { background: #e8eef8; color: #1a3d7a; }
.kigo-badge--category  { background: #f5f0e8; color: #7a5c1a; }

/* ── アイキャッチ ────────────────────────────────────────── */
.kigo-eyecatch {
  margin: 0 0 1.5rem;
}
.kigo-eyecatch img {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  border-radius: 4px;
}

/* ── 見出し ──────────────────────────────────────────────── */
.entry-content .kigo-heading {
  margin: 1.5em 0 0.7em 0;
  line-height: 1;
}

/* ── 子季語 ──────────────────────────────────────────────── */
.kigo-sub-list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .6rem;
}
.kigo-sub-item {
  display: inline-flex;
  align-items: baseline;
  padding: .25em .65em;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: .9rem;
}
.kigo-sub-word    { font-weight: 600; color: #2c2c2c; }
/* .kigo-sub-reading { font-size: .8rem; color: #666; } 
.kigo-sub-syl     { font-size: .73rem; color: #999; } */

/* ── 例句 ────────────────────────────────────────────────── */
.entry-content .kigo-examples {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.kigo-example-item {
  padding: .8em 1.1em;
  border-left: 3px solid #c8a96e;
  background: #fdfaf5;
}
.entry-content .kigo-example-verse  { margin: 0 0 .25em .5em; line-height: 1.7; }
.entry-content .kigo-example-author { margin: 0 .5em 0 0; text-align: right; }
.kigo-example-note {
  margin-top: .7em;
  padding: .7em;
  border-top: 1px dashed #e0d4bd;
  line-height: 1.85;
  color: #555;
  font-size: 1rem;
}
.kigo-example-note p { margin: 0 0 .5em; }
.kigo-example-note p:last-child { margin-bottom: 0; }

/* ── 関連季語 ────────────────────────────────────────────── */
.kigo-related {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.kigo-related-link {
  display: inline-block;
  padding: .2em .75em;
  border: 1px solid #9bf;
  border-radius: 3px;
  font-size: 1rem;
  text-decoration: none;
}
a.kigo-related-link {
  text-decoration: underline;
}
a.kigo-related-link:hover { background: #faf0dc; text-decoration: underline; }
.kigo-related-inactive   { border-color: #bbb; color: #555; }

/* ── 季語一覧（アーカイブ） ──────────────────────────────── */
.kigo-archive-intro {
  margin: 0 0 1.5em;
  line-height: 1.85;
}
.kigo-category-block {
  margin: 0 0 1.2em;
}
.entry-content .kigo-subheading {
  margin: 1em 0 .5em;
  padding-left: .5em;
  border-left: 4px solid #c8a96e;
  font-size: 1.05rem;
  line-height: 1.2;
  color: #7a5c1a;
}
.entry-content .kigo-word-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .5rem;
}
.kigo-word-link {
  display: flex;
  flex-direction: column;
  padding: .5em .7em;
  border: 1px solid #e0d4bd;
  border-radius: 4px;
  background: #fdfaf5;
  text-decoration: none;
  line-height: 1.4;
}
.kigo-word-link:hover { background: #faf0dc; text-decoration: none; }
.kigo-word-name    { font-weight: 600; color: #2c2c2c; }
.kigo-word-reading { font-size: .8rem; color: #888; }
.kigo-list-empty   { color: #999; }

/* ── 季語一覧トップ（ハブ） ──────────────────────────────── */
/* 季節ごとにカードで囲うと枠が二重になり窮屈に見えるため、
   枠をやめて横幅いっぱいの見出し＋時期タイルの構成にしている。 */
.kigo-season-cards {
  display: block;
}
.kigo-season-card {
  margin: 0 0 2.2em;
}

/* 季節見出し（季節ページへのリンク）
   黒字のまま矢印を添え、ホバーで色と下線を出してリンクだと分かるようにする */
.entry-content .kigo-season-card-title {
  margin: 0 0 .7em;
  padding: .1em 0 .1em .7em;
  background: none;
  border: none;
  border-left: 5px solid #c8a96e;
  font-size: 1.4rem;
  line-height: 1.5;
}
.entry-content .kigo-season-card-title::before,
.entry-content .kigo-season-card-title::after {
  content: none;
}
.kigo-season-card-title a {
  color: #333;
  text-decoration: none;
  transition: color .15s;
}
.kigo-season-card-title a::after {
  content: "›";
  margin-left: .3em;
  color: #c8a96e;
  transition: transform .15s, color .15s;
  display: inline-block;
}
.kigo-season-card-title a:hover {
  color: #2f6fb5;
  text-decoration: underline;
  text-underline-offset: .22em;
}
.kigo-season-card-title a:hover::after {
  color: #2f6fb5;
  transform: translateX(.15em);
}

.kigo-season-card-desc {
  margin: 0 0 .9em;
  line-height: 1.8;
}

/* 時期タイル（均等幅のグリッド） */
.entry-content .kigo-period-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: .7rem;
}
.kigo-period-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .85em .6em;
  border: 1px solid #e3d6bb;
  border-radius: 8px;
  background: #fdfaf5;
  font-size: 1.1rem;
  line-height: 1.4;
  text-decoration: none;
}
a.kigo-period-link:hover {
  background: #faf0dc;
  border-color: #c8a96e;
  text-decoration: none;
}

/* ── レスポンシブ ────────────────────────────────────────── */
@media (max-width: 600px) {
  .kigo-eyecatch img { max-height: 220px; }
  /* 狭い画面でも時期タイルが2列に収まるようにする */
  .entry-content .kigo-period-links {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: .55rem;
  }
  .entry-content .kigo-season-card-title { font-size: 1.25rem; }
  .kigo-period-link { font-size: 1.05rem; padding: .75em .5em; }
}