/* 静的なサイトの新しい版（v4）の足し（2026-11-01・lib/hp-static-v4.js が assets/v4/css/static-extra.css に写す）
   v4 の見本に無いページ（プライバシーポリシー・特商法・harness-kit・404）の本文を、文を変えずに v4 の見た目にそろえる。
   フォームの受け口につないだときの見た目（送信のボタン・Turnstile の欄）もここ。 */

/* 頭の段（画像の無い形）: 今の写しの h1 をそのまま紺の段に置く */
.page-hero-plain h1, .page-hero-plain .c-pageTitle { margin: 0; color: var(--white); font-family: var(--serif); font-size: clamp(30px, 4.4vw, 50px); line-height: 1.4; font-weight: 600; }
.page-hero-plain .c-pageTitle__inner { display: inline; }

/* 読み物の本文（今の WordPress の部品の名前のまま） */
.gx-prose { color: var(--ink); }
.gx-prose > .post_content > * + * { margin-top: 1.1em; }
.gx-prose p { margin: 0; }
.gx-prose h2 { margin: 2.2em 0 .8em; padding-left: 14px; color: var(--navy-900); font-size: clamp(22px, 2.6vw, 30px); line-height: 1.5; border-left: 3px solid var(--gold); }
.gx-prose h3 { margin: 1.8em 0 .6em; color: var(--navy-900); font-size: 20px; }
.gx-prose ul, .gx-prose ol { margin: .4em 0 0; padding-left: 1.4em; }
.gx-prose li + li { margin-top: .3em; }
.gx-prose a { color: var(--navy-800); text-underline-offset: 3px; }
.gx-prose strong { color: var(--navy-900); }
.gx-prose figure { margin: 1.4em 0 0; }
.gx-prose .wp-block-table { overflow-x: auto; }
.gx-prose table { width: 100%; border-collapse: collapse; border-top: 1px solid var(--line); font-size: 15px; }
.gx-prose th, .gx-prose td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.gx-prose th { color: var(--navy-900); background: var(--paper); font-family: var(--serif); font-weight: 600; }
.gx-prose tbody th { width: 28%; }
.gx-prose img { margin: 1em 0; }

/* フォーム（受け口 /form/send.php につないだ物） */
.gx-form input[type="email"], .gx-form input[type="text"]:not([name="website"]), .gx-form textarea { width: 100%; max-width: 760px; padding: 14px 16px; color: var(--ink); background: var(--white); border: 1px solid #aaa59c; border-radius: 2px; font: inherit; }
.gx-form label { color: var(--navy-900); font-family: var(--serif); font-weight: 600; }
.gx-form input[type="checkbox"] { width: auto; margin-right: .5em; }
.gx-form input[type="submit"], .gx-form .form-button { margin-top: 8px; padding: 14px 42px; color: var(--white); background: var(--navy-900); border: 1px solid var(--navy-900); font: inherit; font-weight: 800; cursor: pointer; }
.gx-form .cf-turnstile { margin: 0 0 20px; }
.gx-prose .gx-form p + p { margin-top: 1em; }

@media (max-width: 600px) {
  /* 「特定商取引法に基づく表記」（12字）を 375px で1行に収める（auto-phrase の無い Safari で「特定商取引法／に基づく表記」と切れた・11/01 の点検） */
  .page-hero-plain h1, .page-hero-plain .c-pageTitle { font-size: 25px; letter-spacing: 0; }
  .gx-prose table { font-size: 14px; }
  .gx-prose th, .gx-prose td { padding: 12px 10px; }
  .gx-prose tbody th { width: 34%; }
}

/* PRODUCT の表紙（v4 の仮の枠 .cover-placeholder と同じ大きさ・置き方で今の HP の表紙の画像を入れる） */
.cover-image { width: min(100%, 360px); height: auto; margin: 0 auto 28px; border: 1px solid var(--line); box-shadow: 0 12px 30px rgba(6, 26, 43, .12); }