/* =====================================================
   俳句BOX 兼題結果表示（和紙風・短冊風）
   対象：.hb-kendai-result 以下のみ（他へ影響させない）
===================================================== */

/* ---------- 全体ラッパー ---------- */
.hb-kendai-result{
  max-width: 900px;
  margin: 40px auto 60px;
  padding: 0 16px;
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  color: #222;
}

/* ---------- テーマ側（Lightning等）の見出し装飾を無効化（保険） ---------- */
.hb-kendai-result h2,
.hb-kendai-result h3{
  border: 0;
  background: none;
  padding: 0;
}
.hb-kendai-result h2::before,
.hb-kendai-result h2::after,
.hb-kendai-result h3::before,
.hb-kendai-result h3::after{
  content: none;
}

/* ---------- ヘッダー ---------- */
.hb-kendai-header{
  margin-bottom: 48px;
  text-align: center;
}

.hb-kendai-header-inner{
  padding: 32px 24px;
}

.hb-kendai-headline{
  font-size: 20px;
  letter-spacing: 0.08em;
  color: #333;
  margin: 0 0 10px;
}

.hb-kendai-theme{
  font-size: 20px;
  margin: 0;
  color: #333;
}


/* ---------- 共通：賞セクション ---------- */
.hb-award{
  margin-bottom: 56px;
}

/* ★見出しは div.hb-award-title を使う前提（テーマの線を避ける） */
.hb-award-title{
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin: 0 0 20px;
  font-weight: 600;
  line-height: 1.2;
}
/* ★線を作らない（以前の ::after は完全に無効化） */
.hb-award-title::after{ content: none; }

/* ---------- 短冊（共通） ---------- */
.hb-tanzaku{
  position: relative;
  margin: 0 auto 18px;
  padding: 30px 24px 24px;
  max-width: 720px; /* 選評と同幅 */
  background: linear-gradient(180deg, #fffdf9, #f7f2e9);
  border: 1px solid #d8d0c3;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}

.hb-tanzaku::before{
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 18px;
  height: 18px;
  background: #8b5a2b;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 0 0 3px #fff;
}

/* ---------- 俳句（共通） ---------- */
.hb-haiku{
  font-size: 24px;
  line-height: 1.9;
  text-align: center;
  margin: 0 0 12px;
  letter-spacing: 0.08em;
}

/* ---------- 俳号（共通） ---------- */
.hb-haigo{
  text-align: center;
  font-size: 15px;
  color: #444;
  margin: 6px 0 0;
}


/* ---------- 選評（共通） ---------- */
.hb-senpyo{
  max-width: 720px;
  margin: 0 auto;
  padding: 18px 22px;
  background: #faf8f4;
  border-left: 4px solid #b8a27a;
}

.hb-senpyo-label{
  font-size: 13px;
  letter-spacing: 0.15em;
  color: #555;
  margin: 0 0 8px;
}

.hb-comment{
  font-size: 15px;
  line-height: 1.9;
}

/* =====================================================
   優秀賞だけ「少し派手」に（上品に強調）
===================================================== */

.hb-award-yushu .hb-award-title{
  font-size: 24px;
  letter-spacing: 0.24em;
}

/* ★短冊：金味を少し強める／影を深く／枠も上品に */
.hb-award-yushu .hb-tanzaku{
  background: linear-gradient(180deg, #fffdfc, #f1e5d1);
  border-color: #c9b37e;
  box-shadow: 0 14px 30px rgba(0,0,0,0.14);
}

/* ★ピンも少しだけ華やかに */
.hb-award-yushu .hb-tanzaku::before{
  background: #b4872c;
  box-shadow:
    inset 0 0 0 3px #fff,
    0 6px 14px rgba(0,0,0,0.18);
}

/* ★句をひと回り＋少し太く（派手すぎない範囲） */
.hb-award-yushu .hb-haiku{
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 0.09em;
}

/* ---------- 佳作 ---------- */
.hb-award-kasaku .hb-tanzaku{
  background: linear-gradient(180deg, #fffefb, #f6f1e8);
}

/* ---------- 入選 ---------- */
.hb-award-nyusen{
  max-width: 760px;
  margin: 0 auto;
}

.hb-nyusen-box{
  padding: 20px 24px;
  background: #fbfaf7;
  border: 1px solid #e2dccf;
}

.hb-nyusen-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.hb-nyusen-item{
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  font-size: 15px;
  line-height: 1.8;
}

.hb-nyusen-item:last-child{ border-bottom: none; }

.hb-nyusen-haiku{ margin-right: 6px; }

.hb-nyusen-haigo{
  font-size: 15px;      /* ★共通と同じ */
  color: #444;
  margin-left: 4px;    /* 句との間を少しだけ */
}

/* ---------- スマホ対応（兼題結果のみ） ---------- */
@media (max-width: 600px){

  .hb-kendai-header-inner{
    padding: 24px 16px;
  }

  .hb-kendai-headline{
    font-size: 16px;
  }

  .hb-tanzaku{
    padding: 22px 16px 18px;
  }

  .hb-haiku{
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 1.85;
  }

  .hb-award-yushu .hb-haiku{
    font-size: 22px;
    font-weight: 600;
  }

  .hb-haigo{
    font-size: 13px;
  }

  .hb-senpyo{
    padding: 16px;
  }

  .hb-nyusen-haigo{
    font-size: 13px;
  }
}

/* =====================================================
   月例兼題｜三俳人 合議ログ（会話表示）
   方針：
   - 外枠・背景は白のみ
   - 名前は枠なし（テキストのみ）
   - 吹き出し背景で俳人を控えめに区別
   - 全体は明朝・和風・静かなトーン
===================================================== */

.hb-kendai-dialogue-wrap{
  margin: 30px auto 18px;
  max-width: 760px;
}

/* 見出し（details / summary 共通） */
.hb-kendai-dialogue-title,
.hb-kendai-dialogue-summary{
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.14em;
  margin: 0 0 10px;
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  color: #222;
}

/* 評議記録：サブ説明文（改善版） */
.hb-kendai-dialogue-subtitle{
  margin: 10px 0 22px;
  text-align: center;
  font-size: 15px;              /* ★13 → 15 */
  line-height: 2.0;             /* ★余裕を持たせる */
  letter-spacing: 0.12em;       /* ★少しだけ格調を */
  color: #444;                  /* ★やや濃く */
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
}

/* 折りたたみ枠：四角・白 */
.hb-kendai-dialogue-details{
  border: 1px solid #e2dccf;
  border-radius: 0;
  padding: 16px 18px;
  background: #ffffff;
}

/* summary（▶ / ▼） */
.hb-kendai-dialogue-summary{
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 6px 0 2px;
}
.hb-kendai-dialogue-summary::-webkit-details-marker{ display:none; }

.hb-kendai-dialogue-summary::before{
  content: "▶ ";
  font-weight: 600;
}
.hb-kendai-dialogue-details[open] > .hb-kendai-dialogue-summary::before{
  content: "▼ ";
}

/* 説明文（intro 用・任意） */
.hb-kendai-dialogue-intro{
  margin: 10px 0 16px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.9;
  color: #333;
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
}

/* ログ全体 */
.hb-kendai-dialogue-log{
  margin-top: 14px;
}

/* 1発言：名前＋吹き出し
   ★左の余白を詰める（列幅・gapを縮小） */
.hb-kendai-dialogue-row{
  display: grid;
  grid-template-columns: 64px 1fr; /* ★90 → 64 */
  gap: 8px;                        /* ★14 → 8 */
  align-items: start;
  margin: 14px 0;
}

/* 名前（枠なし・テキストのみ）上品版 */
.hb-kendai-dialogue-name{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em; /* ★0.12 → 0.06（詰めて上品に） */
  color: #555;            /* ★333 → 555（淡く） */
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  padding-top: 6px;
  text-align: right;
  white-space: nowrap;
}

/* 吹き出し（共通） */
.hb-kendai-dialogue-bubble{
  position: relative;
  padding: 14px 16px;
  border: 1px solid #d8d0c3;
  background: #ffffff;
  line-height: 1.95;
  font-size: 14px;
  color: #111;
  border-radius: 0;

  /* ★会話本文も明朝に統一 */
  font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
}

/* 吹き出しの口（左）：枠線 + 内側（背景色に追従させるため後で上書きあり） */
.hb-kendai-dialogue-bubble::before{
  content: "";
  position: absolute;
  left: -10px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 10px solid #d8d0c3; /* 枠線色 */
}
.hb-kendai-dialogue-bubble::after{
  content: "";
  position: absolute;
  left: -9px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 9px solid #ffffff; /* ★デフォルト内側（後で俳人別に上書き） */
}

/* 俳人ごとの差：背景色だけで静かに区別 */
.hb-kendai-dialogue-row.basho .hb-kendai-dialogue-bubble{
  background: #fbfbfd;   /* わずかに青白 */
}
.hb-kendai-dialogue-row.buson .hb-kendai-dialogue-bubble{
  background: #fafcff;   /* 空気色 */
}
.hb-kendai-dialogue-row.issa .hb-kendai-dialogue-bubble{
  background: #fffdf8;   /* 生成り */
}

/* ★吹き出しの口（内側）も背景色に合わせて自然に */
.hb-kendai-dialogue-row.basho .hb-kendai-dialogue-bubble::after{
  border-right-color: #fbfbfd;
}
.hb-kendai-dialogue-row.buson .hb-kendai-dialogue-bubble::after{
  border-right-color: #fafcff;
}
.hb-kendai-dialogue-row.issa .hb-kendai-dialogue-bubble::after{
  border-right-color: #fffdf8;
}

/* スマホ対応 */
@media (max-width: 640px){
  .hb-kendai-dialogue-row{
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .hb-kendai-dialogue-name{
    text-align: left;
    padding-top: 0;
    font-size: 12.5px;
  }

  .hb-kendai-dialogue-bubble::before,
  .hb-kendai-dialogue-bubble::after{
    display: none;
  }
}

/* =====================================================
   見出し：ホバー時に「和紙が一枚浮く」ような気配
===================================================== */

/* 折りたたみ summary（クリック可能） */
.hb-kendai-dialogue-summary{
  transition: background-color 0.25s ease, color 0.25s ease;
  border-radius: 2px;              /* 角はほぼ感じない程度 */
}

.hb-kendai-dialogue-summary:hover{
  background-color: #f6f2ea;       /* ★和紙色 */
  color: #111;
  cursor: pointer;
}

/* open=1 の見出し（h3） */
.hb-kendai-dialogue-title{
  display: inline-block;           /* ★背景を文字幅に限定 */
  padding: 2px 6px;                /* ★薄く余白を出す */
  transition: background-color 0.25s ease, color 0.25s ease;
}

.hb-kendai-dialogue-title:hover{
  background-color: #f6f2ea;       /* ★summaryと揃える */
  color: #111;
  cursor: default;
}