/* 下層25ページの土台（:root の残り・リセット・基本要素・レイアウト） */
:root {
  --bg-soft-2: #F1F5F9;
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", -apple-system, BlinkMacSystemFont, sans-serif;
  --num: tabular-nums;
  color-scheme: light;
}

* { box-sizing: border-box; }
noscript { display: none !important; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}
body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--bg);
  line-height: var(--leading-body);
  font-size: var(--text-body);
  margin: 0;
}
h1, h2, h3 { line-height: 1.4; margin: 0; text-wrap: balance; }
p { margin: 0; }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 2px;
}
/* ヘッダーとフッターは本文の文字サイズ・行間に連動させない（段2） */
.header, .footer { font-size: 16px; line-height: 1.8; }
.container { max-width: calc(var(--content-max) + 2 * var(--content-gutter)); margin: 0 auto; padding: 0 var(--content-gutter); }
.section { padding: var(--space-section) 0; }
.section--rule { border-top: 1px solid var(--line); }