/* ============================================================
   humbulls V3 — 下層ページ共通の型（v3-core.css とセットで読み込む）
   page-hero / パンくず / セクション枠のみ。ページ固有スタイルは各ページの
   <style> に書く。トークンは v3-core.css の :root が唯一の値置き場。
   ============================================================ */

/* ---------- パンくず ---------- */
.crumb { font-size: 12px; color: var(--ink-3); margin-bottom: 22px; }
.crumb a { color: inherit; text-decoration: none; display: inline-block; padding: 6px 2px; margin: -6px -2px; }  /* タップ領域を27px程度に拡張（見た目は不変） */
.crumb a:hover { color: var(--ink); }

/* ---------- page hero（下層ページ共通の型） ---------- */
.page-hero { padding: 40px 0 0; }
.page-hero-title {
  font-size: clamp(30px, 4.9vw, 58px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: 0;
}
.page-hero-title .keep { display: inline-block; }
.page-hero-lead {
  margin-top: 28px;
  font-size: 16px;
  color: var(--ink-2);
  max-width: 36em;
}
.page-hero-lead .keep { display: inline-block; }
.page-hero-meta {
  margin-top: 18px;
  font-size: 13px;
  color: var(--ink-3);
}

/* ---------- section scaffolding ---------- */
/* ラベルは日本語 + system sans。mono は 0 にスラッシュが入るため数字表記に使わない */
.eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ink-3);
}
/* main で詳細度を上げ、v3-core.css の .section 定義（上下 padding）に読み込み順へ依存せず勝つ */
main .section { padding: 96px 0 0; }
main .section:last-of-type { padding-bottom: 128px; }
.section-head { margin-bottom: 48px; max-width: 720px; }
.section-title {
  font-size: clamp(27px, 3.6vw, 40px);
  font-weight: 800;
  line-height: 1.42;
}
.section-title .keep { display: inline-block; }
.section-desc {
  margin-top: 16px;
  color: var(--ink-2);
  max-width: 38em;
}

/* ---------- セクション末尾の締め（outro） ---------- */
.page-outro {
  margin-top: 96px;
  padding-top: 24px;
  border-top: 1px solid var(--line-strong);
  max-width: 800px;
}
.page-outro p { font-size: 15px; color: var(--ink-2); }
.page-outro .arrow-link { margin-top: 14px; }

@media (min-width: 768px) {
  .page-hero { padding-top: 56px; }
  main .section { padding-top: 128px; }
}