/*
 * プラグイン独自ページ(アーカイブ/ゲート)でのヘッダーレイアウト補正。
 * block_template_part で読み込んだ parts/header.html は、テーマのレイアウト
 * サポートが生成するflex系CSSが出力されないことがあるため、実際の構造
 * (header.cs-header > div.wp-block-group[ロゴ+サイトタイトル] + nav.wp-block-navigation)
 * に合わせてここで強制する。
 */
/* スキップリンク: 通常は画面外、キーボードフォーカスで左上に表示 */
.csdocs-skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 200;
  background: #0F6E56;
  color: #FDF1EA;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 18px;
}
.csdocs-skip-link:focus {
  top: 16px;
}
/* スキップ先(main)のフォーカスリングは不要 */
#csdocs-main:focus {
  outline: none;
}

header.cs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
header.cs-header > .wp-block-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  margin: 0;
}
header.cs-header .wp-block-navigation {
  margin-left: auto;
  display: flex;
  align-items: center;
}
/* 横並び強制はデスクトップのみ(モバイルはWP標準のオーバーレイメニューに任せる) */
@media (min-width: 600px) {
  header.cs-header .wp-block-navigation .wp-block-navigation__container,
  header.cs-header .wp-block-navigation ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}
header.cs-header .wp-block-navigation a {
  color: #0A0A0A;
  text-decoration: none;
}
header.cs-header .wp-block-navigation a:hover,
header.cs-header .wp-block-navigation a:focus {
  color: #0F6E56;
}
header.cs-header .wp-block-site-title a {
  color: #0A0A0A;
  text-decoration: none;
}