/* === BLOWISH: Tech Blog Floating Banner === */
.bw-techblog-banner{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #0b0b0f;
  border: 1px solid #2a2a2a;
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.30);
}

.bw-techblog-link { display:inline-block; line-height: 0; }
.bw-techblog-link img{
  display:block;
  height: 70px;       /* デフォルト表示サイズ（画像は2x前提） */
  width: auto;
  border-radius: 10px; /* 角丸は画像に揃えて違和感を減らす */
}

.bw-banner-close{
  appearance: none;
  cursor: pointer;
  background: transparent;
  border: 0;
  color: #cfcfd6;
  font-size: 18px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 8px;
}
.bw-banner-close:hover{ color: #fff; background:#1f1f1f; }

@media (min-width: 768px){
  .bw-techblog-link img{ height: 100px; } /* PCで少し大きく */
}

@media (max-width: 480px){
  .bw-techblog-banner{
    left: 12px;
    right: 12px;
    bottom: 12px;
    justify-content: space-between;
    padding: 6px 8px;
  }
  .bw-techblog-link img{ height: 64px; }
}
/* === /BLOWISH: Tech Blog Floating Banner === */