/* =========================================================
   X-Ops corporate — brand-promptcensus.md 正典準拠
   紙: #F4F6F8 ／ 墨: #0F1720 ／ インディゴ: #1F4E8C
   見出し=明朝(キーワード1語インディゴ)・本文=ゴシック墨色
   裏地=計測用紙の薄方眼。枠グルーピング禁止(近接+細罫線)
   ========================================================= */
:root{
  --paper:#F4F6F8; --card:#FFFFFF; --ink:#0F1720; --ink2:#4A5560; --ink3:#8A94A0;
  --line:#DCE3EA; --line-strong:#A9B7C4;
  --indigo:#1F4E8C; --indigo-deep:#153560; --indigo-soft:#E8EFF8;
  --amber:#B7791F;
  --serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  --sans:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
}
*{box-sizing:border-box}
body{caret-color:transparent}
input,textarea,select,[contenteditable="true"]{caret-color:auto}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; color:var(--ink); font-family:var(--sans); line-height:1.9; font-size:15px;
  /* 裏地は無地フラット(kotaro裁定 2026-09-01 案C)。方眼=計測用紙はPromptCensus側の意匠として棲み分け */
  background-color:var(--paper);
}
.container{max-width:880px;margin:0 auto;padding:0 24px}

/* ---------- header ---------- */
#header-placeholder{position:sticky;top:0;z-index:50}
header{background:var(--paper);border-bottom:1px solid var(--line)}
header nav.container{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}
/* ロゴ: 文字ロゴ(kotaro裁定 9/7)。元画像 logo.png は紺の帯が p の下端と一体で分離不可のため不使用 */
.logo{text-decoration:none;color:var(--ink);font-weight:800;font-size:22px;letter-spacing:.02em;display:flex;align-items:baseline;gap:10px}
.logo img{display:none}
.logo::before{content:"X-Ops"}
.logo-note{font-family:var(--sans);font-size:10.5px;color:var(--ink3);letter-spacing:.08em}
.nav-links{list-style:none;display:flex;gap:26px;margin:0;padding:0}
.nav-links a{text-decoration:none;color:var(--ink2);font-size:13px}
.nav-links a:hover{color:var(--indigo)}
@media (max-width:640px){.nav-links{gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:12px}}

/* ---------- 見出しの正典: 明朝+全幅罫線 ---------- */
h1,h2,h3{font-family:var(--serif);font-feature-settings:"palt";color:var(--ink);line-height:1.5;margin:0}
h1 .kw,h2 .kw{color:var(--indigo)}
main h2{font-size:26px;font-weight:600;padding-bottom:12px;border-bottom:2px solid var(--line-strong);margin-bottom:26px}
.eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--indigo);font-weight:700;margin:0 0 8px}

/* ---------- hero ---------- */
.c-hero{padding:72px 0 0}
.c-hero h1{font-size:clamp(28px,4.6vw,42px);font-weight:600;letter-spacing:.01em}
.c-hero .lead{margin:22px 0 0;max-width:40em;color:var(--ink);font-size:15px}
.c-hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* 観測ログの帯（シグネチャー: 計測は動いている） */
.obslog{margin:56px 0 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);
  padding:14px 2px;display:flex;gap:28px;flex-wrap:wrap;align-items:baseline;
  font-family:var(--sans);font-variant-numeric:tabular-nums}
.obslog .cell{display:flex;align-items:baseline;gap:8px}
.obslog .k{font-size:11px;color:var(--ink3);letter-spacing:.08em}
.obslog .v{font-size:15px;font-weight:700}
.obslog .v.num{font-size:20px;color:var(--amber)}
.obslog .tick{color:var(--line-strong);font-size:12px}

/* ---------- sections ---------- */
main section{padding:76px 0 0;scroll-margin-top:72px}
main section:last-of-type{padding-bottom:88px}
.sec-lead{color:var(--ink);max-width:40em;margin:0}
.note{font-size:12px;color:var(--ink3);font-family:var(--sans)}

/* 事業 */
.biz-label{display:inline-block;font-family:var(--sans);font-size:11.5px;color:var(--indigo);
  background:var(--indigo-soft);border-radius:3px;padding:2px 10px;letter-spacing:.06em;margin-bottom:14px}
.biz-name{font-family:var(--sans);font-weight:800;font-size:19px;margin:0 0 10px}
.biz-name .census{color:var(--indigo)}

/* 考え方（MVV 3行: 見出し語は小さなゴシック・文は明朝） */
.mvv{margin:0 0 26px;padding:0}
.mvv div{display:grid;grid-template-columns:7em 1fr;gap:16px;align-items:baseline;padding:14px 2px;border-bottom:1px solid var(--line)}
.mvv dt{font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--indigo);font-weight:700;margin:0}
.mvv dd{margin:0;font-family:var(--serif);font-feature-settings:"palt";font-size:21px;font-weight:600;line-height:1.5}
@media (max-width:640px){.mvv div{grid-template-columns:1fr;gap:4px}.mvv dd{font-size:18px}}

/* 考え方ページ */
.ph-prose p{max-width:40em;margin:0 0 16px}
.ph-big{font-family:var(--serif);font-feature-settings:"palt";font-size:clamp(21px,3.2vw,28px);font-weight:600;line-height:1.5;color:var(--indigo-deep);margin:0 0 22px !important;max-width:none !important}
.values{list-style:none;margin:22px 0 0;padding:0}
.values li{padding:16px 2px;border-bottom:1px solid var(--line)}
.values .v-name{font-family:var(--serif);font-feature-settings:"palt";font-size:19px;font-weight:600;margin:0 0 4px}
.values .v-q{font-family:var(--sans);font-size:13px;color:var(--ink2);margin:0}
.values + .note{margin-top:14px}
.stance{margin:22px 0 26px;padding-left:1.4em}
.stance li{margin-bottom:14px;max-width:40em}
.stance strong{font-family:var(--sans);font-weight:700}

/* 代表 */
.rep{display:grid;grid-template-columns:168px 1fr;gap:34px;align-items:start}
@media (max-width:640px){.rep{grid-template-columns:1fr}}
.rep-photo{width:168px;height:210px;object-fit:cover;border:1px solid var(--line-strong);background:var(--card)}
.rep-photo.placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink3);font-family:var(--sans);font-size:11px}
.rep-name{font-family:var(--serif);font-size:19px;font-weight:600;margin:0}
.rep-title{font-family:var(--sans);font-size:12px;color:var(--ink2);margin:2px 0 14px}
.rep-msg p{margin:0 0 14px;max-width:40em}
.rep-nophoto{grid-template-columns:1fr}
.rep-sign{font-family:var(--sans);font-size:13px;color:var(--ink2);text-align:right;margin-top:6px}
.rep-links{margin-top:14px;font-family:var(--sans);font-size:13px;display:flex;gap:18px;flex-wrap:wrap}
.rep-links a{color:var(--indigo);text-decoration:none;border-bottom:1px dashed var(--indigo)}

/* 会社概要（稟議転記セット: 表は行罫線のみ） */
.company-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:14px}
.company-table th{white-space:nowrap;text-align:left;font-weight:600;color:var(--ink2);
  padding:12px 24px 12px 2px;border-bottom:1px solid var(--line);width:9em;vertical-align:top}
.company-table td{padding:12px 0;border-bottom:1px solid var(--line)}

/* お知らせ */
.news-list{list-style:none;margin:0;padding:0;font-family:var(--sans)}
.news-list li{display:grid;grid-template-columns:7em 1fr;gap:18px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:14px}
.news-list time{color:var(--ink3);font-variant-numeric:tabular-nums}
.news-list a{color:var(--indigo);text-decoration:none}
.news-list a:hover{text-decoration:underline}
@media (max-width:640px){.news-list li{grid-template-columns:1fr;gap:2px}}

/* ---------- buttons ---------- */
.btn{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:700;text-decoration:none;
  padding:12px 26px;border-radius:6px;border:1.5px solid var(--indigo);cursor:pointer;line-height:1.6}
.btn-primary{background:var(--indigo);color:#fff}
.btn-primary:hover{background:var(--indigo-deep);border-color:var(--indigo-deep)}
.btn-ghost{background:transparent;color:var(--indigo)}
.btn-ghost:hover{background:var(--indigo-soft)}
.btn:focus-visible{outline:3px solid var(--indigo-soft);outline-offset:2px}

/* ---------- footer ---------- */
footer{margin-top:0;border-top:1px solid var(--line-strong);background:transparent}
footer .footer-top{padding:0}
footer .section.cta{padding:44px 0 8px}
footer .section.cta h2{font-family:var(--serif);font-size:19px;border:none;padding:0;margin:0 0 14px}
.footer-tel{font-family:var(--sans);font-size:13px;color:var(--ink2);margin-top:14px}
.footer-tel a{color:var(--ink)}
.footer-tel-hours{color:var(--ink3)}
.footer-bottom{padding:26px 0 34px;font-family:var(--sans);font-size:12px;color:var(--ink3)}
.footer-bottom .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-links a{color:var(--ink2);text-decoration:none;margin-right:18px}
.footer-links a:hover{color:var(--indigo)}

/* ---------- 旧テンプレページ(contact/privacy)の馴染ませ上書き ---------- */
.hero{background:transparent;color:var(--ink)}
.hero h1{color:var(--ink)}
.hero .subtitle,.hero .description{color:var(--ink2)}
.section{background:transparent}
.breadcrumb,.breadcrumb a{font-family:var(--sans);color:var(--ink3)}
#loader,.loader-spinner{display:none !important}