/* lp/legal.css — 規約類の共通スタイル（privacy / terms / tokushoho）
 *
 * 3 ページで同じ見た目にする。値は tokens.ts（LP と同じ）から写している。
 * ここを直せば 3 ページとも変わる。
 */

:root{
  --bg-page:#070B12;
  --bg-surface:#0F1522;
  --bg-elevated:#1C2534;
  --accent:#00D4AA;
  --on-accent:#08131C;
  --text-primary:#E8ECF0;
  --text-secondary:#8896A6;
  --text-tertiary:#5C6875;
  --border-subtle:#1C2534;
  --border-default:#26313F;
  --caution:#D9A441;
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg-page); color:var(--text-primary);
  font-family:'Inter','Noto Sans JP',sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.9;
}
.wrap{ max-width:760px; margin:0 auto; padding:0 20px; }
header{ padding:34px 0 26px; border-bottom:1px solid var(--border-subtle); }
.brand{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--text-tertiary); text-decoration:none; }
.brand-mark{
  width:22px; height:22px; border-radius:6px; background:var(--accent); color:var(--on-accent);
  display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800;
}
h1{ font-size:27px; font-weight:800; letter-spacing:-0.4px; margin:38px 0 8px; line-height:1.35; }
.meta{ font-size:13px; color:var(--text-tertiary); margin:0 0 34px; }
h2{
  font-size:17px; font-weight:700; margin:42px 0 12px; padding-top:22px;
  border-top:1px solid var(--border-subtle); line-height:1.5;
}
h2:first-of-type{ border-top:none; padding-top:0; }
h3{ font-size:15px; font-weight:700; margin:22px 0 8px; color:var(--text-primary); }
p, li{ font-size:15px; color:var(--text-secondary); }
p{ margin:0 0 14px; }
ul, ol{ margin:0 0 16px; padding-left:22px; }
li{ margin-bottom:7px; }
strong{ color:var(--text-primary); font-weight:700; }
a{ color:var(--accent); }

/* 表は横に長くなるので、器ごと横スクロールさせる（本文は折り返す） */
.table-scroll{ overflow-x:auto; margin:0 0 18px; }
table{ width:100%; border-collapse:collapse; font-size:14px; min-width:460px; }
th, td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--border-subtle); vertical-align:top; }
th{ color:var(--text-tertiary); font-weight:700; font-size:12.5px; white-space:nowrap; }
td{ color:var(--text-secondary); }
/* 特商法の表は「項目 / 内容」の 2 列。項目名を折り返さない */
table.kv th{ width:34%; }

/* 未記入の箇所。**このまま公開しないこと。** 見落とせない見た目にしてある */
.todo{
  background:rgba(217,164,65,0.18); color:var(--caution); font-weight:700;
  padding:1px 7px; border-radius:4px; border:1px dashed var(--caution);
}
.notice{
  background:rgba(217,164,65,0.10); border:1px solid rgba(217,164,65,0.42);
  border-radius:10px; padding:16px 18px; margin:0 0 30px;
}
.notice p{ margin:0; color:var(--caution); font-size:14px; }

footer{
  margin-top:56px; padding:26px 0 60px; border-top:1px solid var(--border-subtle);
  font-size:13px; color:var(--text-tertiary);
}
footer a{ color:var(--text-tertiary); margin-right:18px; }

@media (max-width:600px){
  h1{ font-size:23px; }
  h2{ font-size:16px; }
  p, li{ font-size:14.5px; }
}