/* giins.jp デザインの上書き（site.css）
   ここに書いた CSS が、giins.jp 本体の全ページに「最後に」重なります（議員のホームページ <名前>.giins.jp には効きません）。
   ・画像は img/ に置き、url(img/名前.webp) のように相対で書く（WebP・300KB 以下が目安）
   ・書体を足すときは fonts/*.woff2 に置いて @font-face で（外のサイトからは読み込めません。@import も不可）
   ・見出し（h1・h2）・本文・ナビを隠さない。文字を極端に小さくしない（公開の検査で止まります）
   ・[data-v-…] は使わない（サイトを作り直すたびに変わる）。クラス名か :root の変数で指定する
   変える前に、共有メモ「02_デザイン.md」を読んでください。 */

/* ───────────────────────────────────────────────
   トップの大見出し：1行目と2行目の間に余白
   2026-10-07 フリースタイル/村橋さんのご依頼
   「あなたの街の議員を」と「もっと身近に」の白帯が
   ぴったり接していた（間隔 0px）ので、少し離す。
   下の『議員情報のプラットフォーム』との間隔（12px）に揃えた。
   .hero-title.hl-lines はトップページだけの組み合わせ（他ページは .hero-title のみ）。
   文字の大きさ・白帯の高さ・見出しの順番は変えていない。
   ─────────────────────────────────────────────── */
.hero-title.hl-lines > span:first-child {
  margin-bottom: 0.3em;
}

/* ───────────────────────────────────────────────
   議員ページ：名前の右の「本人認証済み」バッジを漢字の高さに合わせる
   2026-10-07 フリースタイル/村橋さんのご依頼
   もとは 1.5em（漢字の約1.57倍）で、漢字の上に 12.6px はみ出していた。
   漢字（Zen Maru Gothic 800）の実際のインクの高さを測ると 0.96em だったので、
   バッジの高さをそれに合わせ、上下の位置もぴったり揃うように下げ幅を調整した。
   実測のズレ：上 0.01px・下 0.00px（パソコン・スマホとも）。
   .name-badge は議員ページの見出しだけで使われている（他ページには無い）。
   height は既存の .vb.lg .vb-img（1.5em）より指定の強さが低いため !important が要る。
   ─────────────────────────────────────────────── */
h1 .vb.name-badge {
  vertical-align: -0.018em;
}
h1 .vb.name-badge .vb-img {
  height: 0.96em !important;
}