/* ==========================================================================
   Page — 下層ページ(privacy 等)。トップの世界観を引き継いだ静かな版
   ========================================================================== */
/* 下層ページはナビを持たないため、CTAを右端へ寄せる */
.page-header .header-cta { margin-left: auto; }

.page {
  min-height: 76svh;
  display: flex;
  align-items: center;
  padding-block: clamp(150px, 20vh, 200px) clamp(70px, 10vh, 110px);
  background:
    radial-gradient(ellipse 55% 45% at 15% 12%, rgba(228, 176, 171, .1), transparent 62%),
    radial-gradient(ellipse 50% 40% at 88% 82%, rgba(159, 191, 212, .09), transparent 62%),
    var(--bg);
}
.page-inner { max-width: 760px; }

.page-title { margin-bottom: clamp(32px, 5vh, 48px); }

.page-body {
  display: grid;
  gap: 22px;
  padding-left: 20px;
  border-left: 1px solid;
  border-image: var(--grad-signal) 1;
  font-size: var(--fs-small);
  line-height: 2.1;
  color: var(--ink-dim);
}
.page-mail {
  font-family: var(--f-mono);
  color: var(--ink);
}
.page-mail a {
  text-decoration: none;
  background: var(--grad-signal) no-repeat left calc(100% - 2px) / 100% 1px;
  transition: background-size .35s var(--ease-out);
}
.page-mail a:hover { background-size: 0% 1px; }

.page-back { margin-top: clamp(40px, 6vh, 64px); }

/* 下層ではヘッダーを常時表示(隠す対象のスクロール量が足りないため) */
.page ~ .site-footer { border-top: 1px solid var(--line); }