.img-hidden {
    max-height: 300px;
    overflow: hidden;
}

#twitter-share-button:focus {
    outline: none;
}

.share-button-container {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  align-items: center;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 0.8rem;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s;
  overflow: hidden;
}
.share-btn:hover { opacity: 0.75; }
.share-btn-twitter { background: #000; }
.share-btn-twitter i { font-size: 0.7rem; }
.share-btn-line    { background: #06C755; }
.share-btn-hatena  { background: #00A4DE; }
.share-btn-copy    { background: #888; }

/* ボタン色を少し柔らかく */
.btn-primary   { --bs-btn-bg: #3A82F6; --bs-btn-border-color: #3A82F6; --bs-btn-hover-bg: #2570e8; --bs-btn-hover-border-color: #2570e8; }
.btn-success   { --bs-btn-bg: #2A9E72; --bs-btn-border-color: #2A9E72; --bs-btn-hover-bg: #218a61; --bs-btn-hover-border-color: #218a61; }
.btn-danger    { --bs-btn-bg: #E05668; --bs-btn-border-color: #E05668; --bs-btn-hover-bg: #d03d56; --bs-btn-hover-border-color: #d03d56; }
.btn-warning   { --bs-btn-bg: #F5B800; --bs-btn-border-color: #F5B800; --bs-btn-hover-bg: #dda500; --bs-btn-hover-border-color: #dda500; }
.btn-secondary { --bs-btn-bg: #7D8A96; --bs-btn-border-color: #7D8A96; --bs-btn-hover-bg: #6b7882; --bs-btn-hover-border-color: #6b7882; }
.btn-info      { --bs-btn-bg: #22C4E8; --bs-btn-border-color: #22C4E8; --bs-btn-hover-bg: #10afd2; --bs-btn-hover-border-color: #10afd2; }

/* バッジ色を少し柔らかく */
.badge.bg-success  { background-color: #2A9E72 !important; }
.badge.bg-danger   { background-color: #E05668 !important; }
.badge.bg-primary  { background-color: #3A82F6 !important; }
.badge.bg-warning  { background-color: #F5B800 !important; }
.badge.bg-secondary{ background-color: #7D8A96 !important; }
.badge.bg-info     { background-color: #22C4E8 !important; }