.foldable-content {
  display: block;
  text-align: left;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  transition: max-height 0.3s ease;
  max-height: calc(1.3em * 13); /* スマホ用：13行分 */
}

/* PC用：画面幅が768px以上なら30行分 */
@media screen and (min-width: 768px) {
  .foldable-content {
    max-height: calc(1.3em * 25);
  }
}

.foldable-content.is-folded-open {
  max-height: none;
}

/* 長いURLや座標文字列でもスマホ幅を超えないようにする */
.foldable-content,
.foldable-content .foldable-text,
.foldable-content a {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}



.fold-toggle-wrapper {
  margin-top: 12px;
  text-align: center;
  display: none;
}

.fold-toggle-button {
  background-color: rgba(0, 0, 0, 0.4) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding: 4px 12px; /* 高さを少し縮める */
  cursor: pointer;
  border-radius: 8px; /* 丸みを控えめに */
  backdrop-filter: blur(4px);
  font-size: 14px;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.fold-toggle-button:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  transform: translateY(-1px);
}

.fold-toggle-arrow {
  font-size: 16px;
  transition: transform 0.3s ease;
}

.fold-toggle-button.is-folded-open .fold-toggle-arrow {
  transform: rotate(180deg);
}