/**
 * privacy.css - page-privacy.php 用の editorial 装飾。
 *
 * article-detail.css と同じ長文 prose パターンを流用し、プレフィクスを
 * `privacy-page-` に変更。academic レイヤの nav / footer / academic.css
 * の上に追加される想定。inc/enqueue.php で is_page('privacy') のときに
 * enqueue する。
 */

/* ── 全体 wrapper ─────────────────────────────────────────── */
.privacy-page {
  max-width: 820px; margin: 0 auto;
  padding: 64px 24px 96px;
}

/* ── ヘッダー ─────────────────────────────────────────────── */
.privacy-page-header { margin-bottom: 48px; }

.privacy-page-header .section-rule { margin-bottom: 24px; }

.privacy-page-title {
  font-family: var(--sans); font-size: 32px; font-weight: 700;
  line-height: 1.4; letter-spacing: -0.01em;
  margin: 0; color: var(--ink);
}

/* ── 本文 prose ───────────────────────────────────────────── */
.privacy-page-content > :first-child { margin-top: 0; }
.privacy-page-content > :last-child  { margin-bottom: 0; }

.privacy-page-content p {
  margin: 0 0 1.4em;
  font-size: 15px; line-height: 1.9; color: var(--ink-light);
}

.privacy-page-content h2 {
  font-family: var(--sans); font-size: 18px; font-weight: 700;
  line-height: 1.4; letter-spacing: -0.005em;
  margin: 2.8em 0 0.9em; color: var(--ink);
  padding-bottom: 8px; border-bottom: 1px solid var(--border);
}

.privacy-page-content h3 {
  font-family: var(--sans); font-size: 15px; font-weight: 700;
  line-height: 1.4; margin: 2em 0 0.6em; color: var(--ink);
}

.privacy-page-content ul,
.privacy-page-content ol {
  margin: 0 0 1.4em; padding-left: 1.6em;
  font-size: 15px; line-height: 1.9; color: var(--ink-light);
}
.privacy-page-content li { margin-bottom: 0.5em; }
.privacy-page-content li > ul,
.privacy-page-content li > ol { margin: 0.4em 0 0; }

.privacy-page-content a {
  color: var(--accent); text-decoration: underline; text-underline-offset: 2px;
}
.privacy-page-content a:hover { text-decoration: none; }

.privacy-page-content strong { font-weight: 700; color: var(--ink); }

.privacy-page-content hr {
  border: 0; border-top: 1px solid var(--border); margin: 3em 0;
}

/* ── モバイル ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .privacy-page { padding: 40px 20px 64px; }
  .privacy-page-title { font-size: 24px; }
  .privacy-page-header { margin-bottom: 36px; }
  .privacy-page-content p,
  .privacy-page-content ul,
  .privacy-page-content ol { font-size: 14px; }
  .privacy-page-content h2 { font-size: 17px; margin-top: 2.4em; }
  .privacy-page-content h3 { font-size: 14px; }
}

@media (max-width: 480px) {
  .privacy-page { padding: 32px 16px 48px; }
  .privacy-page-title { font-size: 22px; }
}