@charset "UTF-8";
/* ============================================================
   BOOM TOHOKU - page（固定ページ／下層ページ）
   hero を持たない下層ページ専用。
   ・ヘッダーを「スクロール後」状態（白背景・黒ロゴ）で固定
   ・固定ヘッダーぶんの余白を確保
   ・the_content() が出力する本文に読みやすいタイポを与える
   ============================================================ */

/* 下層ページは hero が無い＝先頭で白ロゴが明るい背景に埋もれる。
   スクロール前から is-scrolled 相当（白背景・黒ロゴ・下線）に固定する。
   （is-scrolled を初期付与するとスクロールで JS が外すため、専用クラスで指定） */
body.is-subpage .site-header {
  background: var(--c-white);
  color: var(--c-ink);
  border-bottom-color: var(--c-ink);
}

/* ---------- 本体 ---------- */
.page-main {
  /* 固定ヘッダー＋セーフエリアぶんを空け、さらに 3rem の余白 */
  padding-top: calc(var(--header-h) + env(safe-area-inset-top, 0px) + 3rem);
  padding-bottom: var(--sec-pad);
  min-height: 70vh; /* 本文が短くてもフッターを画面下へ押し下げる */
}

/* ---------- ページ見出し ---------- */
.page-article__head {
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid var(--c-ink);
}
.page-article__title {
  font-size: var(--fs-program);
  font-weight: 900;
  line-height: 1.3;
}

/* ---------- 本文（the_content の生成物） ---------- */
.page-content { line-height: 2; }
.page-content > * + * { margin-top: 1.5em; }

.page-content h2 {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.5;
  margin-top: 2.5em;
  padding-left: .8rem;
  border-left: 4px solid var(--c-accent);
}
.page-content h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 2em;
}
.page-content a {
  color: var(--c-accent);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.page-content ul,
.page-content ol { padding-left: 1.5em; }
.page-content li + li { margin-top: .5em; }

.page-content blockquote {
  padding: 1rem 1.25rem;
  border-left: 4px solid var(--c-line-soft);
  background: rgba(0, 0, 0, .03);
  color: #555;
}
.page-content table {
  width: 100%;
  border-collapse: collapse;
}
.page-content th,
.page-content td {
  border: 1px solid var(--c-line-soft);
  padding: .6em .9em;
  text-align: left;
}

/* ---------- スマホ ---------- */
@media (max-width: 420px) {
  .page-article__title { font-size: 1.6rem; }
  .page-content h2 { font-size: 1.3rem; }
}