/* terms css */
/* 先ほどの「保護者の方へ」と共通の変数を推奨 */
:root {
  --terms-bg: #FFF9C4;
  --trems-text: #5D4037;
  --accent-color: #FBC02D;
  /* 優しい黄色 */


}

body[data-theme="dark"] {
  --terms-bg: #332b00;
  --terms-text: #fff176;
  --accent-color: #fbc02d;
}

.terms-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* 子供向けメッセージのスタイル */
.kids-rules {
  background: var(--terms-bg);
  /* 優しい黄色 */
  color: var(--terms-text);
  padding: 25px;
  border-radius: 15px;
  margin-bottom: 40px;
  border: 2px dashed var(--accent-color);
}

.terms-main {
  background: var(--card-bg);
  padding: 30px;
  border-radius: 12px;

}

h1 {
  text-align: center;
  color: var(--accent-color);
}

h2 {

  border-bottom: 1px solid var(--accent-color);
  padding-bottom: 5px;
  margin-top: 30px;
}

h3 {
  font-size: 1rem;
  margin-top: 20px;
}

.date {
  text-align: right;
  font-size: 0.8rem;
  color: #777;
}