/* 第13世代の下層ページ(works 4枚・contact・privacy・404)。gen10.css → gen10-page.css → gen13.css の後に読む。
   ヘッダー(白いピル・fixed)と地の色をトップに揃える。中身の組みは gen10-page.css のまま(2026-10-18) */
.g13-page {
  /* 小さい灰色の文字(注記・キャプション・フォームの補足)が多いので、トップより一段濃くする。
     #47575f のままだと地 #afbdc3 の上で 3.9(AA 未達)。#36444b で 5.2 */
  --mute:#36444b;
}
/* 節と下層フッターの明地(--w2)をやめ、トップと同じブルーグレーへ */
.g13-page .s, .g13-page .bg-light, .g13-page footer { background:transparent; }
/* fixed のヘッダーぶん、本文の書き出しを下げる */
.g13-page .s.pg { padding-top:calc(var(--g13-header-top) + var(--g13-header-height) + clamp(36px,6vh,80px)); }
.g13-page main { overflow:visible; }
/* フッター: トップの Contact 節の下端と同じ並び(© 左・プライバシー右) */
.g13-page footer { border-top:0; }
.g13-page footer .wrap { border-top:1px solid #ffffff73; }

/* 明地の下層(作品詳細・お問い合わせ・プライバシー。2026-10-18 ユーザー指示「前のグレーに戻す・視認性はよく」)。
   404 はブルーグレーのまま。地は第11世代の --w2、文字の色も gen13.css が上書きする前の値へ戻す */
.g13-page.is-light {
  background:var(--w2);
  --ink:#14171A; --sage:#99B38E;
  /* 小さい灰色の文字は第11世代の #676D72(4.85)より一段濃く=5.89。本文の墨(16.6)との差は残す */
  --mute:#5A6065;
}
/* 白いピルのヘッダーは明地(1.08)に溶けるので、細い線と影で縁を出す */
.g13-page.is-light .g13-header { box-shadow:0 0 0 1px var(--line), 0 6px 24px rgba(20,23,26,.08); }
.g13-page.is-light footer .wrap { border-top-color:var(--line); }


/* © と プライバシーポリシーの大きさはトップ(#contact .ct-foot)と同じ=PC 13px / SP 11px(2026-10-18 ユーザー指摘で揃えた) */
.g13-page footer .cp, .g13-page footer .pp-link { font-size:13px; }
@media (max-width:640px) {
  .g13-page footer .cp, .g13-page footer .pp-link { font-size:11px; }
}