:target {
  scroll-margin-top: 145px !important;
  /* #で移動したときに、ヘッダー+α分下に下げる */
}

.dictionary-rowTitle {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 0.75em;
  margin: 0;
  display: inline-block;
  font-size: 2.2rem;
}

.dictionary-rowTitle:before,
.dictionary-rowTitle:after {
  content: "";
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.dictionary-rowTitle:before {
  border-left: solid 2px #c9c2ac;
  border-top: solid 2px #c9c2ac;
  top: 0;
  left: 0;
}

.dictionary-rowTitle:after {
  border-right: solid 2px #c9c2ac;
  border-bottom: solid 2px #c9c2ac;
  bottom: 0;
  right: 0;
}

.dictionary-letterTitle {
  position: relative; /* ハイライト用疑似要素の基点にするため追加 */
  font-weight: bold;
  font-size: 2em;
  width: auto;
  display: inline-block;
}

/* 下線風ハイライト */
.dictionary-letterTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: calc(100% + 50px);
  height: 10px;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(255, 210, 180, 0.4) 0%,
    rgba(255, 190, 150, 0.3) 70%,
    transparent 100%
  );
  border-radius: 1px;
}

.dictionary-noTerm {
  font-size: 1.1rem;
}

.dictionary-entry {
  margin-bottom: 20px;
  padding: 14px;
  padding-left: 25px;
  padding-bottom: 25px;
  background-color: var(--color-background-light); /* 薄いサーモン */
  border-radius: 14px;
  border: 2px solid #fde8db; /* 淡いサーモン */
  color: #5d4037; /* 暖色系ダークブラウン */
  line-height: 1.6;
}

.term-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 2px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.dictionary-word {
  font-size: 1.8em;
  font-weight: bold;
  color: var(--color-text-light); /* 深めのブラウン */
  letter-spacing: 0.05em;

  /* font-family: 'Hiragino Mincho Pro', 'Yu Mincho', serif; */
}

.dictionary-hiragana {
  font-size: 1.2rem;
  color: var(--color-text-light); /* 中間トーンのブラウン */
  /* margin-left: auto; */
  font-weight: 500;
}

.explanation {
  margin: 0;
  padding: 0;
  font-size: 1.05rem;
  color: var(--color-text-neutral);
  line-height: 1.7;
}

.related-container {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  /* margin-top: 4px; */
}

.related-pill {
  background-color: #fbe7d9; /* ライトアンバー */
  border: 1px solid #ffe082;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 0.92rem;
  color: #5d4037;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  margin-top: 10px;
  box-shadow: 0 1px 2px rgba(255, 152, 0, 0.1);
}

/* モバイル対応 */
@media (max-width: 480px) {
  .dictionary-word {
    font-size: 1.65rem;
  }

  .dictionary-hiragana {
    font-size: 0.95rem;
  }

  .explanation {
    font-size: 0.98rem;
    line-height: 1.65;
  }

  .related-pill {
    padding: 4px 12px;
    font-size: 0.88rem;
  }

  .dictionary-entry {
    padding: 15px;
  }
}

/* タブレット対応 */
@media (min-width: 768px) {
  .dictionary-entry {
    /* max-width: 1000px; */
    margin-left: auto;
    margin-right: auto;
  }
  h3 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}