/* =========================================================
   PLTRA — Privacy policy page
   contact.css の上に重ねる。法務テキスト用の組み。
   ========================================================= */

.legal-main { max-width: 760px; }

.legal-body {
  display: grid;
  gap: clamp(2rem, 4.5vw, 3rem);
  margin-bottom: clamp(3rem, 7vw, 4.5rem);
}

.legal-section { display: grid; gap: 0.85rem; }
.legal-title {
  font-family: var(--mincho);
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--ink);
}
.legal-section p {
  font-size: var(--fs-body);
  color: var(--ink-soft);
  line-height: var(--lh-body);
}
.legal-list {
  display: grid;
  gap: 0.5rem;
  padding-left: 1.2em;
}
.legal-list li {
  position: relative;
  font-size: var(--fs-body);
  color: var(--ink-soft);
  line-height: 1.9;
  list-style: none;
}
.legal-list li::before {
  content: "—";
  position: absolute;
  left: -1.2em;
  color: var(--ink-faint);
}

.legal-meta {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--line);
  font-size: var(--fs-small);
  color: var(--ink-faint);
  line-height: 2.1;
}

.legal-back { justify-self: start; }