/* 回避型攻略掲示板: 記事になった話の帯と、記事化のお礼の案内（2026-09-21）。掲示板の配色（紫 #8b6cc1 / 濃紫 #3a2a55 / 桃 #d65c9a）に合わせる */

/* 上部の案内 */
.kbpb__note { background: linear-gradient(135deg, #fff5fa, #f6f1fb); border: 1.5px solid #f0dcec; border-radius: 14px; padding: 11px 13px; margin: 0 0 10px; }
.kbpb__nh { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; font-size: 12.5px; font-weight: 900; color: #7a3a8a; }
.kbpb__ni { font-size: 14px; line-height: 1; }
.kbpb__nb { margin: 0; font-size: 11.5px; line-height: 1.85; color: #6d6079; }
.kbpb__nb b { color: #c0418a; font-weight: 900; }
.kbpb__nl { display: inline-block; margin: 7px 0 0; font-size: 11.5px; font-weight: 900; color: #8b6cc1; text-decoration: none; }
.kbpb__nl:hover { text-decoration: underline; }

/* カードの帯 */
.kbpb { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; padding: 8px 10px; border-radius: 12px; text-decoration: none; color: #fff !important; background: linear-gradient(135deg, #8b6cc1, #d65c9a); box-shadow: 0 2px 10px rgba(139, 108, 193, .22); }
.kbpb__i { flex: none; font-size: 15px; line-height: 1; }
.kbpb__t { flex: 1 1 auto; min-width: 0; display: block; }
.kbpb__t b { display: block; font-size: 11.5px; font-weight: 900; letter-spacing: .02em; color: #fff !important; } /* 掲示板側の a の色（桃）に勝たせる。ここだけ !important */
.kbpb__t small { display: block; margin-top: 2px; font-size: 10.5px; line-height: 1.5; color: rgba(255, 255, 255, .88); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.kbpb__go { flex: none; font-size: 10.5px; font-weight: 900; color: #fff; background: rgba(255, 255, 255, .28); border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
.kbpb:hover { filter: brightness(1.04); }
@media (prefers-reduced-motion: no-preference) { .kbpb { transition: filter .15s ease; } }