/* =========================================================
   legal.css — 法定ページ共通スタイル（特商法・利用規約・プラポリ）
   style.css のトークンのみ使用。装飾は最小・端正に。
   ========================================================= */

/* ---------- base ---------- */
.legal-body{background:var(--background);color:var(--text-primary)}

/* 固定ヘッダ（script.js 非読込のため常時背景を敷く） */
.legal-body .site-header{
  background:#08070ac2;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border-soft);
  grid-template-columns:1fr;
}
.legal-body .site-header .logo{justify-self:start}

/* ---------- main ---------- */
.legal-page{
  max-width:720px;
  margin:0 auto;
  padding:calc(var(--header-height) + clamp(2.5rem,6vw,4.5rem)) var(--pad-x) clamp(3rem,7vw,5rem);
  line-height:1.9;
}
.legal-title{
  font-size:clamp(1.5rem,3vw,2.1rem);
  font-weight:300;
  letter-spacing:-.02em;
  line-height:1.3;
  color:#fff;
}
.legal-updated{
  margin-top:.9rem;
  font-size:.82rem;
  color:var(--text-muted);
}
.legal-lead{
  margin-top:1.6rem;
  font-size:.92rem;
  color:var(--text-secondary);
}

/* ---------- 特商法テーブル（dl） ---------- */
.legal-table{
  margin-top:2.4rem;
  border-top:1px solid var(--border-soft);
}
.legal-table > div{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:.4rem 1.6rem;
  padding:1.15rem 0;
  border-bottom:1px solid var(--border-soft);
}
.legal-table dt{
  font-size:.84rem;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--text-secondary);
  padding-top:.15em;
}
.legal-table dd{
  font-size:.92rem;
  color:var(--text-primary);
  min-width:0;
  overflow-wrap:break-word;
}
.legal-table dd p{margin:0 0 .7em}
.legal-table dd p:last-child{margin-bottom:0}
.legal-table dd ul{
  list-style:none;
  margin:.2em 0 .7em;
  display:flex;flex-direction:column;gap:.35em;
}
.legal-table dd ul:last-child{margin-bottom:0}
.legal-table dd ul li{
  position:relative;
  padding-left:1.2em;
}
.legal-table dd ul li::before{
  content:"";
  position:absolute;left:0;top:.7em;
  width:5px;height:5px;border-radius:50%;
  background:var(--text-muted);
}
.legal-table dd .legal-note{
  font-size:.84rem;
  color:var(--text-secondary);
}
@media(max-width:640px){
  .legal-table > div{grid-template-columns:1fr;gap:.35rem;padding:1rem 0}
}

/* ---------- 条文セクション（規約・プラポリ用） ---------- */
.legal-section{margin-top:2.6rem}
.legal-section h2{
  font-size:1.05rem;
  font-weight:600;
  letter-spacing:.02em;
  color:#fff;
  margin-bottom:.9rem;
}
.legal-section p{
  font-size:.92rem;
  color:var(--text-primary);
  margin-bottom:.9em;
}
.legal-section p:last-child{margin-bottom:0}
.legal-section ol{
  margin:.2em 0 .9em;
  padding-left:1.6em;
  display:flex;flex-direction:column;gap:.45em;
  font-size:.92rem;
}
.legal-section ol:last-child{margin-bottom:0}
.legal-section ol ol{margin-top:.45em}
.legal-section ul{
  margin:.2em 0 .9em;
  padding-left:1.4em;
  display:flex;flex-direction:column;gap:.45em;
  font-size:.92rem;
}

/* ---------- フッタ ---------- */
.legal-footer{
  max-width:720px;
  margin:0 auto;
  padding:0 var(--pad-x) 2.5rem;
}
.legal-footer__inner{
  border-top:1px solid var(--border-soft);
  padding-top:1.5rem;
  display:flex;flex-direction:column;gap:1rem;
}
.legal-footer__links{
  display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;
}
.legal-footer__links a{
  font-size:.82rem;
  color:var(--text-secondary);
  transition:.25s;
}
.legal-footer__links a:hover{color:var(--text-primary)}
.legal-footer__copy{
  font-size:.78rem;
  color:var(--text-muted);
}

/* アンカー遷移時に固定ヘッダへ潜らないように（例: /tokushoho.html#cancel） */
.legal-table > div{scroll-margin-top:6.5rem}
.legal-table > div:target{background:#ffffff06;border-radius:8px}