/* 生成物: muse-privacy-P1.html から build_theme_privacy.py で分解。直接編集しない */

/* ═══════════════════════════════════════════════════════════
   Legal — 読ませる文書
   面の推移: 舞台(navy) → 純白(本文) → navy(Footer)。中間の薄面を置かない。
   法務文書は一続きに読むものなので、途中で面を割らない。

   二列構成(番号+見出し / 本文)は Contact の 02 Company と同じ語法。
   長い文書でも、左列だけを追えば全体の構成が読める。

   旧実装の <table> はやめ、divのグリッドにした。GeneratePress は
   .entry-content table th 等の高詳細度セレクタで padding/border を上書きするため、
   table を使うと !important の応酬になる。構造上も定義リストの方が正しい。
   ═══════════════════════════════════════════════════════════ */

.lg{position:relative;z-index:6;background:#fff;
  padding:clamp(70px,10vh,130px) var(--sec-x) clamp(84px,12vh,160px)}
/* 文書ブロックは content-max(1300px)を使わない。
   1300px だと本文が1行62文字になり、日本語の可読限界(35〜45文字)を大きく超える。
   980px で左列245 + 間隔43 + 本文692 → 約46文字/行に収まる。
   罫も本文と同じ幅で終わるので、線だけが伸びて残らない。 */
.lg__in{max-width:min(100%,980px);margin:0 auto}

.lg__sec{display:grid;
  grid-template-columns:clamp(150px,17vw,250px) minmax(0,1fr);
  gap:clamp(18px,3vw,56px);
  padding-block:clamp(26px,3.6vh,46px);
  border-top:1px solid var(--line)}
/* 先頭だけ濃い罫。文書の始まりを示す */
.lg__sec:first-child{border-top:1px solid var(--ink)}
.lg__sec:last-child{border-bottom:1px solid var(--line)}

.lg__n{display:block;font-family:var(--fm);font-size:10px;
  letter-spacing:.2em;color:var(--muted)}
.lg__h{margin-top:9px;font-family:var(--fj);font-weight:700;
  font-size:clamp(15px,1.35vw,18px);line-height:1.65;letter-spacing:.02em;color:var(--ink)}

/* 本文は行長より行間を優先する。法務文は一行ずつ拾って読まれる。
   700pxの上限は 900〜1024px 帯のため。この帯は単列に切り替わるので
   上限が無いと1行54文字まで伸びる(実測)。PCの二列時は列幅692pxなので効かない。 */
.lg__b{max-width:min(100%,700px)}
.lg__b p{font-size:15px;line-height:2.05;letter-spacing:.01em;color:var(--sub)}
.lg__b p + p{margin-top:1.15em}
.lg__b p + .lg__ul{margin-top:15px}

.lg__ul{list-style:none;margin:0;padding:0}
.lg__ul li{position:relative;padding-left:19px;
  font-size:14.5px;line-height:1.95;letter-spacing:.01em;color:var(--sub)}
.lg__ul li + li{margin-top:7px}
.lg__ul li::before{content:'';position:absolute;left:2px;top:.75em;
  width:5px;height:5px;background:var(--bl)}

.lg__dl{border-top:1px solid var(--line)}
.lg__row{display:grid;
  grid-template-columns:clamp(104px,11vw,160px) minmax(0,1fr);
  gap:clamp(12px,2vw,28px);
  padding-block:13px;border-bottom:1px solid var(--line)}
.lg__k{font-family:var(--fm);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);padding-top:4px}
.lg__v{font-family:var(--fj);font-size:14.5px;line-height:1.85;color:var(--ink)}
.lg__v a{color:var(--bl);text-decoration:none;border-bottom:1px solid rgba(24,71,204,.32)}
.lg__v a:hover{border-bottom-color:var(--bl)}

@media(max-width:900px){
  /* ── Legal SP ── */
  .lg__sec{grid-template-columns:1fr;gap:12px}
  .lg__h{margin-top:7px}
  .lg__row{grid-template-columns:1fr;gap:5px;padding-block:14px}
  .lg__k{padding-top:0}
}