/* 規約類（ADR-007）。長文を読むためのスタイルに徹する。
   コーポレートのデザイントークン（css/style.css の :root）を使う。 */

.terms {
  padding-block: clamp(32px, 6vw, 72px);
  max-width: 44rem;
  line-height: 1.9;
}

.terms h1 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  margin-bottom: 0.6em;
}

.terms h2 {
  font-size: clamp(1.05rem, 2.4vw, 1.2rem);
  margin-top: 2.2em;
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--line);
}

.terms h3 {
  font-size: 1rem;
  margin-top: 1.6em;
  margin-bottom: 0.4em;
}

.terms p {
  margin-bottom: 1em;
}

.terms ul {
  margin: 0 0 1em 1.4em;
}

.terms li {
  margin-bottom: 0.4em;
}

/* 版の情報。本文と混ざらないよう控えめに、ただし見落とさない程度に。 */
.terms-meta {
  font-size: 0.9rem;
  color: var(--muted);
  padding: 12px 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
}

/* 過去の版を開いている場合。最新でないことが分からないと誤読につながる。 */
.terms-old {
  border-left: 4px solid var(--accent);
  color: var(--ink);
}

.terms-history {
  font-size: 0.92rem;
}

/* 本文中のリンク。周りの文字と同じ見た目だと押せると気づかれないので、下線を引く */
.terms p a,
.terms li a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.terms p a:hover,
.terms li a:hover { text-decoration-thickness: 2px; }