/* ==========================================================================
   プライバシーポリシーのページだけの CSS（キャンバス案E v51 の PrivacyE。/privacy/）
   --------------------------------------------------------------------------
   このページでだけ読む（inc/assets.php の planart_page_styles() の 'privacy'。style.css のあと）。
   色・余白・角丸・影は style.css の :root のトークンだけを使う（verify_site.py が見張る）。このページだけのトークンは無い。

   ■ ここにある物：10の項目の表（番号の列 56px＋見出しと文。キャンバスの ol > li）・09 の窓口の表・制定日の行。
     ヒーロー（型4・小さめの見出し）は style.css 6章、本文の段の外枠は 7章の l-section__inner--narrow・--article・--gap-sm。
   ========================================================================== */
.p-privacy__list {
  border-top: 1px solid var(--c-ink);
}

.p-privacy__item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: var(--s-4) var(--s-16);
  padding-block: var(--sp-row);
  border-bottom: 1px solid var(--c-line-soft);
}

/* 番号は飾り（aria-hidden。順番は ol が伝える）。緑は白地で 5.30:1 */
.p-privacy__num {
  color: var(--c-green);
  font-size: 15px;
  line-height: 1.9;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}

.p-privacy__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s-8);
}

.p-privacy__title {
  color: var(--c-ink);
  font-size: var(--fs-h2-article);
  line-height: 1.6;
  font-weight: 700;
}

.p-privacy__text {
  color: var(--c-text);
  font-size: 16px;
  line-height: 1.9;
}

/* 09 お問い合わせ窓口（窓口・所在地・電話・メール） */
.p-privacy__dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s-8) var(--s-20);
  color: var(--c-text);
  font-size: 16px;
  line-height: 1.8;
}

.p-privacy__dt {
  color: var(--c-sub);
  font-weight: 700;
}

/* 電話の数字は押せるので、行の高さを変えずに、押せる所を上下に 8px ずつ広げる（28.8px → 44.8px） */
.p-privacy__tel {
  display: inline-block;
  padding-block: var(--s-8);
  margin-block: calc(-1 * var(--s-8));
}

.p-privacy__mail {
  color: var(--c-green);
  overflow-wrap: anywhere;
}

/* 08 の文の下のリンク（Cloudflare の Turnstile についての追記。2026-11-07） */
.p-privacy__link {
  color: var(--c-green);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.p-privacy__date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-8) var(--s-12);
  color: var(--c-sub);
  font-size: 15px;
  line-height: 1.8;
}