@charset "UTF-8";
/* =====================================================================
nzw.jp 共通サイトヘッダー（site-header）
---------------------------------------------------------------------
全ページで同じマークアップ・同じ JS・同じブレークポイントを使う。
色だけスキン 2 種を CSS 変数で切り替える。
.site-header--paper 技術書 / グッズ / 開発ノート（紙 + インク）
.site-header--glass トップページ（白ガラス。夜テーマで暗転する。位置は fixed）
.site-header--plain 白い本文のページ（開発ノート / デザインシステム）
.site-header--ink 暗い面のページ（apps）
1024px 以上 横並びリンクを表示し、ハンバーガーを隠す
1024px 未満 ハンバーガーだけ表示し、全項目をパネルに出す
この値は「ナビ 5 本 + ロゴ + 右側ボタンが 1 行に収まる幅」。
実測（2026-09-14・全ページを幅を下げながら測った）では、いちばん狭いのが
CTA を持つ書籍の巻ページで 900px。そこに余裕を取って 1024px にしてある。
★ 項目を増やしたら測り直して上げること（site-nav.js の DESKTOP_QUERY も同じ値にする）。
8 本まで増やしたときに測り直さないまま 1180px が据え置かれていて、
コメントだけ「7 本」のまま残っていた。数だけ足して測らない、をやらない。
「畳んだ項目がどこからも辿れない」状態を作らないこと。旧実装は
640px 未満でリンクごと消えていた（＝モバイルでナビが無かった）。
使い方:
リンク・パネル・ログインの入口・パンくずは site-nav.js が生成する。マークアップは
html/static/notes/index.html の