/* のびスポ のびのびタイプ診断 — 利用規約／プライバシーポリシー用スタイル
 * style.css の配色トークン・フォントを前提に、読み物ページ用の縦長レイアウトを追加する。
 */

.legal-wrap{
  max-width:640px;
  margin:0 auto;
  padding:28px 24px 60px;
}
.legal-back{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:var(--blue-deep);
  text-decoration:none;
  margin-bottom:18px;
}
.legal-title{
  font-size:24px;
  font-weight:800;
  margin:0 0 24px;
}
.legal-section{
  margin-bottom:26px;
}
.legal-section h2{
  font-size:15px;
  font-weight:800;
  color:var(--blue-deep);
  margin:0 0 10px;
}
.legal-section p{
  font-size:13.5px;
  line-height:1.9;
  color:var(--ink);
  margin:0 0 10px;
}
.legal-section p:last-child{ margin-bottom:0; }
.legal-section a{ color:var(--blue-deep); }
.legal-section ul,
.legal-section ol{
  margin:0 0 10px;
  padding-left:1.4em;
}
.legal-section li{
  font-size:13.5px;
  line-height:1.9;
  color:var(--ink);
  margin-bottom:6px;
}
.legal-section li:last-child{ margin-bottom:0; }
.legal-section li ol{
  margin:6px 0 6px;
  padding-left:1.4em;
}
.legal-section li ol li{
  font-size:13px;
  margin-bottom:4px;
}
.legal-emphasis{
  background:var(--blue-soft);
  border-radius:var(--radius-sm);
  padding:12px 14px;
  font-weight:700;
}
.legal-enacted{
  font-size:12px;
  color:var(--ink-soft);
  margin:32px 0 24px;
}
.legal-cross-link{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:var(--orange-deep);
  text-decoration:none;
}