/* ============================================================
   BlockChangelog 公開側スタイル（常時読込・自己完結／テーマ非依存）
   左に日付レール＋丸ノード＋縦線を配置した縦タイムライン。
   ============================================================ */
.bkcl-root{ max-width:100%; box-sizing:border-box; font-size:15px; line-height:1.7; color:#2b2f36; }
.bkcl-root *{ box-sizing:border-box; }
.bkcl-heading{ margin:0 0 18px; font-size:20px; font-weight:800; color:#20242b; }

.bkcl-hint{ border:2px dashed #c7ced4; border-radius:12px; background:#f7f8fa; padding:18px 16px; text-align:center; color:#5f6b76; font-size:13px; font-weight:700; line-height:1.8; }

.bkcl-timeline{ list-style:none; margin:0; padding:0; }

.bkcl-entry{ position:relative; display:flex; gap:14px; padding:0 0 26px; }
.bkcl-entry:last-child{ padding-bottom:0; }

/* 日付レール＋丸ノード＋縦線 */
.bkcl-rail{ position:relative; flex:0 0 20px; display:flex; justify-content:center; }
.bkcl-rail::before{ content:""; position:absolute; top:22px; bottom:-26px; left:50%; width:2px; margin-left:-1px; background:#e2e6ec; }
.bkcl-entry:last-child .bkcl-rail::before{ display:none; }
.bkcl-node{ position:relative; z-index:1; width:14px; height:14px; margin-top:5px; border-radius:50%; background:#fff; border:3px solid #9aa4b2; box-shadow:0 0 0 3px #fff; }

.bkcl-entry.bkcl-type-added .bkcl-node{ border-color:#1f9d55; }
.bkcl-entry.bkcl-type-changed .bkcl-node{ border-color:#b7791f; }
.bkcl-entry.bkcl-type-fixed .bkcl-node{ border-color:#2b6cb0; }
.bkcl-entry.bkcl-type-removed .bkcl-node{ border-color:#c53030; }
.bkcl-entry.bkcl-type-announce .bkcl-node{ border-color:#805ad5; }

.bkcl-entry.bkcl-latest .bkcl-node{ width:16px; height:16px; margin-top:4px; box-shadow:0 0 0 4px #fff, 0 0 0 7px rgba(46,125,214,.14); }

/* カード */
.bkcl-card{ flex:1 1 auto; min-width:0; background:#fff; border:1px solid #e6e9ee; border-radius:12px; padding:14px 16px; }
.bkcl-entry.bkcl-latest .bkcl-card{ background:#f5f9ff; border-color:#cfe0f7; }

.bkcl-card-head{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:6px; }

.bkcl-badge{ display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:800; line-height:1.6; color:#fff; white-space:nowrap; }
.bkcl-badge-added{ background:#1f9d55; }
.bkcl-badge-changed{ background:#b7791f; }
.bkcl-badge-fixed{ background:#2b6cb0; }
.bkcl-badge-removed{ background:#c53030; }
.bkcl-badge-announce{ background:#805ad5; }

.bkcl-version{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace; font-size:12px; font-weight:700; color:#3a4250; background:#eef1f5; border:1px solid #dde2e9; border-radius:999px; padding:2px 10px; }

.bkcl-date{ font-size:12.5px; font-weight:700; color:#7b8492; }

.bkcl-new-flag{ font-size:11px; font-weight:800; color:#2e7dd6; background:#e4f0ff; border:1px solid #bcd8fb; border-radius:999px; padding:2px 9px; letter-spacing:.02em; }

.bkcl-card-title{ font-size:16px; font-weight:800; color:#20242b; margin:2px 0 4px; word-break:break-word; }

.bkcl-card-body{ font-size:14px; color:#4a5261; word-break:break-word; }

@media(max-width:480px){
.bkcl-root{ font-size:14px; }
.bkcl-entry{ gap:10px; padding-bottom:20px; }
.bkcl-card{ padding:12px 13px; }
.bkcl-card-title{ font-size:15px; }
}