/* ============================================================
   Style Set: Cuolega Recruit（GENERATED from brands/cuolega-recruit/brand.json — 直接編集しない）
   ------------------------------------------------------------
   地は本体サイトと同じ紙の白 #fbfaf8、面の灰は同じ色相の #f1f0ec、文字は近黒 #0d0d0e（本文は #26262a、補助 #606070）。アクセント #00A9AD は小さなラベル・リンクの hover・矢印・図の 1 点だけに使い、面に敷かない。書体は YakuHanJP → Noto Sans JP（400 / 500 / 700）、英字ラベルと数字は Lato。見出し 700、字送りは見出し 0.02em、英字ラベル 0.2em、本文 0.02em。角丸 0（ボタンだけピル）、影なし。余白は 3 段: 章の間 256（上下 128）/ 塊の間 64 / 塊の中 24。動きは ease-out-expo cubic-bezier(0.16,1,0.3,1) 1 本、出現 1.0s / 透明度 0.7s、hover 入り 0.5s / 戻り 0.8s。
   出典: works/briefs/cuolega-newgrad/design-plan.md / docs/playbook/styles/cuolega.md / process/review/references/measured/littleplains.md / process/review/references/measured/f-tech-garage-detail.md
   生成: scripts/brand-build.mjs（2026-10-18）
   ============================================================ */
:root {
  --cds-style-set: "cuolega-recruit";
  --cds-bg: #fbfaf8;
  --cds-bg-soft: #f1f0ec;
  --cds-text: #0d0d0e;
  --cds-text-body: #26262a;
  --cds-text-secondary: #606070;
  --cds-rule: rgba(13, 13, 14, 0.12);
  --cds-ink: #0d0d0e;
  --cds-on-ink: #fbfaf8;
  --cds-accent: #00a9ad;
  --cds-accent-0: rgba(0, 169, 173, 0);
  --cds-font: YakuHanJP, "Noto Sans JP", "Hiragino Sans", sans-serif;
  --cds-font-en: Lato, "Noto Sans JP", sans-serif;
  --cds-font-display: Chillax, Lato, "Noto Sans JP", sans-serif;
  --cds-weight-body: 400;
  --cds-weight-head: 700;
  --cds-weight-strong: 700;
  --cds-track-head: 0.02em;
  --cds-track-label: 0.2em;
  --cds-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --cds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --cds-dur-reveal: 1s;
  --cds-dur-fade: 0.7s;
  --cds-dur-hover: 0.5s;
  --cds-r: 0px;
  --cds-r-btn: 999px;
  --cds-shadow-hover: none;
  --cds-g: 32px;
  --cds-sec-y: 144px;
  --cds-blk: 56px;
  --cds-col-gap: 64px;
  --cds-wrap: 1440px;
  --cds-content: 1200px;
}
/* brand.json の extraCss（パーツ共通語彙への上書き。ここだけ手書きの余地） */
/* SP の余白（base.css の @media より後に効くので、ここでもう一度書く: PCI 2026-10-17 の実測）: 章 104 上下 / 塊 48 / 中 20 */
@media (max-width: 767px) { :root { --cds-g: 20px; --cds-sec-y: 96px; --cds-blk: 40px; --cds-col-gap: 32px; } }
/* 章の余白に強弱（一律は意図が読めない: design-critic 2026-10-18）。基準 144（PCI site-light と同じ）: 人の章 176、募集・記事 120、図の章 160。SP は 112 / 80 / 104 */
.rcp-sec { --cds-sec-y: 176px; }
.rce-sec, .rca-sec { --cds-sec-y: 120px; }
.rcr-sec { --cds-sec-y: 160px; }
@media (max-width: 767px) { .rcp-sec { --cds-sec-y: 112px; } .rce-sec, .rca-sec { --cds-sec-y: 80px; } .rcr-sec { --cds-sec-y: 104px; } }
:root { --cds-accent-bright: #00edd4; --cds-delay-reveal: 0.05s; --cds-header-h: 80px; --cds-header-top: 0px; --cds-font-label: "Lato", "Noto Sans JP", sans-serif; --cds-va-bg: #f1f0ec; --cds-va-label: rgba(13, 13, 14, 0.34); }
body { font-feature-settings: "palt"; letter-spacing: 0.02em; }
/* 暗面の章: ブランドの近黒で反転（base.css の #111216 を置き換える） */
.sec--dark, .on-dark-tokens { --cds-bg: #0d0d0e; --cds-bg-soft: #1b1b1e; --cds-text: #fbfaf8; --cds-text-body: rgba(251, 250, 248, 0.82); --cds-text-secondary: rgba(251, 250, 248, 0.58); --cds-rule: rgba(251, 250, 248, 0.16); --cds-ink: #fbfaf8; --cds-on-ink: #0d0d0e; }
/* ボタン（base .btn）: 14 / 700 / 0.08em、hover でアクセントに満ちる（base の規則） */
.btn { font-size: 14px; font-weight: 700; letter-spacing: 0.08em; }
/* 出現の移動量: 16px（Master Prompt §15 small translateY） */
.is-js [data-reveal="up"] { transform: translateY(16px); }