/* ローディングスピナーのスタイル */
  .loading-spinner {
    text-align: center;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    margin: 1rem 0;
  }
  .loading-spinner p {
    margin: 0;
    color: #6c757d;
    font-size: 0.875rem;
  }

/* 本文の背景画像を薄く（透明度80%＝opacity 0.2）表示する。
   opacity を要素に直接指定すると文字も薄くなるため、疑似要素で背景のみに適用する。 */
.literacy-body {
  position: relative;
  z-index: 0;
  padding: 15px;
  line-height: 1.5;
}
.literacy-body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/img/LeafletTop.svg") center / cover no-repeat;
  opacity: 0.2;
}