/* ===================================================
   article.css — service ページでも使う共通スタイル
   layouts/app.blade.php (service) から読み込む。
   /article/ ページ向けの読み物レイアウトは article-page.css で管理する。
   =================================================== */

/* ===== ARTICLE CROSSLINK LIST ===== */
/* service ページの article-crosslink はタイトル + リスト形式を使う場合のスタイル */
.article-crosslink-title { margin-bottom: 12px; }
.article-crosslink-list {
  display: flex; flex-direction: column; gap: 0;
  max-width: 500px; margin: 16px auto 0; text-align: left;
}
.article-crosslink-list a {
  font-size: 0.95rem; font-weight: 600; color: var(--primary);
  text-decoration: none; padding: 12px 0;
  border-bottom: 1px solid var(--border); display: block;
}
.article-crosslink-list a:first-child { border-top: 1px solid var(--border); }

/* ===== EXPERIENCE CTA ===== */
.experience-cta { padding: 64px 24px; text-align: center; }
.experience-cta-inner { max-width: 680px; margin: 0 auto; }
.experience-cta h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  font-weight: 700; color: var(--primary-dark); margin-bottom: 12px;
}
.experience-cta p { font-size: 0.98rem; color: var(--text-light); line-height: 1.9; margin-bottom: 24px; }

/* ===== OPERATOR INFO PAGE ===== */
.operator-info h1 {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-top: 0;
  margin-bottom: 1.2em;
}

.operator-info h2 {
  font-size: 1.1rem;
  margin-top: 1.8em;
  margin-bottom: 0.5em;
}

.operator-info p {
  line-height: 1.7;
  margin-bottom: 0.8em;
}