/* ==================================================
   共通スタイル（固定ページ／記事ページ用）
   page / single
   ページヒーロー（透かし文字入り）とパンくずリスト
   ================================================== */
.page-hero {
  margin-top: 80px;
  background: linear-gradient(135deg, #1f2918, #364e23);
  padding: 70px 0;
  color: var(--color-white);
  position: relative;
  overflow: hidden;
}
.page-hero::after {
  content: attr(data-en);
  position: absolute;
  right: 5%;
  bottom: -30px;
  font-family: var(--font-watermark);
  font-size: clamp(4rem, 10vw, 8rem);
  font-weight: 800;
  color: rgba(255, 255, 255, 0.05);
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
}
.page-hero h1 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 800; letter-spacing: 0.05em; margin-bottom: 8px; }
.page-hero-en { font-family: var(--font-display); font-size: 0.95rem; color: var(--color-secondary); font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }

.breadcrumbs { padding: 14px 0; background-color: var(--color-light-bg); font-size: 0.85rem; border-bottom: 1px solid #eee; }
.breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.breadcrumbs li+li::before { content: "/"; margin-right: 8px; color: #aaa; }
.breadcrumbs a:hover { color: var(--color-primary); }