/* MIEL JAPAN 共通フッター（正本）
   4プロダクト（議会ミエル／しみんボイス／選挙イツ／投票ダレニ）で同一。
   各サイトの変数に依存しない。このファイル単体で色が完結する。
   直すときは正本を直して4リポジトリに配り直す。1つだけ直さない。 */
.miel-footer{
  --mf-ink:#1b2333; --mf-muted:#5c6b85; --mf-line:#dfe5ee; --mf-bg:#fff; --mf-link:#173a63;
  border-top:1px solid var(--mf-line);background:var(--mf-bg);color:var(--mf-muted);
  padding:40px 20px 32px;text-align:center;font-size:14px;line-height:1.85;
  font-family:"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif}
@media (prefers-color-scheme:dark){
  .miel-footer{--mf-ink:#eef2f8;--mf-muted:#a8b3c6;--mf-line:#2c3444;--mf-bg:#141a24;--mf-link:#cfe0f5}}
.miel-footer-inner{max-width:1120px;margin:0 auto}
.miel-footer a{color:var(--mf-link);text-decoration:none}
.miel-footer a:hover{text-decoration:underline}
.miel-footer-tagline{font-weight:800;font-size:18px;color:var(--mf-ink);margin:0 0 16px}
.miel-footer-products{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:0 0 16px;font-weight:800}
/* サービス名はそれぞれのブランド色。白地で読める濃さに寄せてある。 */
.miel-footer-products a{color:var(--mf-ink)}
.miel-footer-products a.mf-gikai{color:#c62f6d}      /* 議会ミエル（ヒーロー画像のショッキングピンク #d96091 を白地で読める濃さに） */
.miel-footer-products a.mf-voice{color:#17757f}      /* しみんボイス（ヒーロー画像のシアン #2ab4c2 を白地で読める濃さに） */
.miel-footer-products a.mf-when-vote{color:#1a5fa8}  /* 選挙イツ（しみんボイスの青緑と分けるため青寄り） */
.miel-footer-products a.mf-whom-vote{color:#6b6000}  /* 投票ダレニ（黄色は白地で読めないので暗いオリーブ） */
/* いま見ているサイトは、そのサービスの色のまま太字にする（色は上の .mf-* が効く） */
.miel-footer-products a[aria-current="page"]{font-weight:900;text-decoration:none;cursor:default}
.miel-footer-operator{font-weight:800;color:var(--mf-ink);margin:0 0 10px}
.miel-footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:0 0 14px;font-weight:700}
.miel-footer-note{max-width:760px;margin:0 auto 14px;font-size:13px}
.miel-footer-copy{margin:0;font-size:13px}
@media(max-width:480px){.miel-footer{padding:32px 16px 28px}
  .miel-footer-products,.miel-footer-links{gap:12px}}

/* ダークモードのブランド色。ライト側の指定より後ろに置く（後ろが勝つ） */
@media (prefers-color-scheme:dark){
  .miel-footer-products a.mf-gikai{color:#f58ab5}
  .miel-footer-products a.mf-voice{color:#5fd6e2}
  .miel-footer-products a.mf-when-vote{color:#8cc4f5}
  .miel-footer-products a.mf-whom-vote{color:#f0e276}}