/* privacy-page.css — trang /privacy/ (個人情報の取扱いについて, content/pages/privacy/body.html).
   File riêng để KHÔNG sửa home-prototype.css (dùng chung) và mã ?v= của nó. Màu lấy từ token có sẵn ở :root. */

.pv { max-width: 860px; }

.pv__item + .pv__item {
  margin-top: 40px;
  padding-top: 36px;
  border-top: 1px solid var(--line);
}

.pv__h {
  margin: 0 0 16px;
  font-size: clamp(19px, 2vw, 22px);
  line-height: 1.6;
  font-weight: 700;
  color: var(--navy);
}

/* Chữ đọc dài dùng Noto Sans JP như đoạn dẫn /contact/ và bảng 会社概要 /about/ (đo cms-v3 11/11);
   tiêu đề + nhãn bảng giữ Zen Kaku Gothic New của trang. */
.pv p,
.pv li,
.pv dd {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 2;
  color: var(--ink);
}

.pv p { margin: 0; }
.pv ul { margin: 0; padding-left: 1.4em; }
.pv li + li { margin-top: 6px; }

/* Bảng 事業者情報: nhãn trái, nội dung phải; điện thoại thì xếp chồng. */
.pv__dl { margin: 0 0 16px; border-top: 1px solid var(--line); }
.pv__dl > div {
  display: grid;
  grid-template-columns: 7em 1fr;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
/* Nhãn bảng: 14px đậm như .ab-dl dt ở /about/. */
.pv__dl dt { font-size: 14px; line-height: 2.3; font-weight: 700; color: var(--navy); }
.pv__dl dd { margin: 0; overflow-wrap: anywhere; }

.pv a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 600px) {
  .pv__dl > div { grid-template-columns: 1fr; gap: 0; }
}