/* site-header.css — 全ページ共通の見出し: 「シンプルなSVGアイコン + タイトル」(左寄せ・同じ大きさ・同じ色)
   タイトルの下の行に、他ページへのリンクを横並びで置く。 */
.site-header { margin: 0 0 20px; text-align: left; }
.site-header h1.site-title {
  display: flex; align-items: center; justify-content: flex-start; gap: .45em;
  margin: 0; padding: 0; font-size: 20px; font-weight: bold; line-height: 1.3; color: #006284; text-align: left;
}
.site-header h1.site-title svg { width: 1.1em; height: 1.1em; flex: none; }
.site-header .site-sub { margin: 6px 0 0; font-size: 13px; color: #888; line-height: 1.6; }
.site-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; }
.site-links a { display: inline-flex; align-items: center; gap: .35em; font-size: 13px; color: #888; text-decoration: none; white-space: nowrap; }
.site-links a svg { width: 1.05em; height: 1.05em; flex: none; }
.site-links a:hover { color: #006284; }
body.night-mode .site-header h1.site-title { color: #3399ff; }
body.night-mode .site-links a:hover { color: #3399ff; }
body.night-mode .site-header .site-sub { color: #999; }