/* C² サポート／プライバシー用のドキュメントページ・スタイル
   （トップと同じ style.css の変数・フォントの上に重ねる。m²の doc.css と同一） */

.doc { padding-bottom: 0; }

.topbar .orgmark {
  text-decoration: none;
  color: var(--ink-1);
}
.topbar .orgmark:hover { color: var(--ink-2); }

.back {
  display: inline-block;
  margin-top: clamp(40px, 8vh, 80px);
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--ink-2);
  text-decoration: none;
}
.back:hover { color: var(--ink-1); }

.doc article { padding-top: 24px; }

.kicker {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: var(--ink-3);
  margin: 0 0 8px;
}

.doc h1 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(28px, 5vw, 40px);
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin: 0 0 12px;
}

.updated {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ink-3);
  margin: 0 0 4px;
}

.doc .lead {
  font-family: var(--serif);
  font-size: 16px;
  color: var(--ink-2);
  max-width: 36em;
}

.doc h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.05em;
  margin: 0 0 12px;
  display: block;
  border-top: 1px solid var(--line);
  padding-top: 28px;
}

.doc section { padding-top: clamp(36px, 6vh, 56px); }

.doc p,
.doc li {
  font-size: 14.5px;
  color: var(--ink-2);
  max-width: 38em;
}

.doc ul {
  padding-left: 1.2em;
  margin: 0;
}
.doc li { margin: 6px 0; }

.doc a {
  color: var(--riso-blue);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}
.doc a:hover { opacity: 0.7; }

/* FAQ（質問＝明朝、答え＝本文色） */
.faq dt {
  font-family: var(--serif);
  font-size: 15px;
  color: var(--ink-1);
  letter-spacing: 0.02em;
  margin-top: 22px;
}
.faq dd {
  margin: 6px 0 0;
  font-size: 14.5px;
  color: var(--ink-2);
  max-width: 38em;
}

/* 連絡先 */
.doc .mail {
  font-family: var(--serif);
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--ink-1);
  border-bottom: 1px solid var(--line);
}
.doc .mail:hover { border-color: var(--ink-1); opacity: 1; }