/* TOPページの各セクション見出しと同じサイズを子ページにも適用する。 */
:root { --site-section-title-size: clamp(23px, 3.25vw, 36px); }

/* 各ページのファーストビュー見出しもTOPページに合わせる。 */
main > section#top h1,
main > section.article-hero h1 {
  font-size: var(--site-section-title-size);
}

main > section:not(#top):not(.article-hero) h2 {
  font-size: var(--site-section-title-size);
}

@media (max-width: 580px) {
  :root { --site-section-title-size: clamp(21px, 6vw, 27px); }
}