/* ★このファイルを変えるときは、17枚の <link> の「?v=aby」を、そのときの束名（例 ?v=abz）に変える（キャッシュ対策。検査は abyStaticFooter.test.ts の FOOTER_CSS_VERSION を同じ値にする）。 */
/* 束ABY: lastmods.com の静的ページ共通のフッター（束ABX でトップページ用に作った形を、17枚で共有する）。
   まとまりごとの見出し＋一覧を <nav> に並べる。パソコン幅は枠いっぱいの同幅4列、中くらいは2列×2段、スマホは縦1列。
   色は各ページの :root の変数（--border・--text・--muted・--emerald）を使う（17枚とも同じ値を定義している）。
   ページごとの外枠（footer の上線・余白など）は各ページ側で持つ。 */
footer a{color:var(--muted);} footer a:hover{color:var(--text);}
/* フッターのリンクは、普段は下線なし・:hover と :focus-visible のときだけ下線（トップページと同じ見た目）。
   規約・お礼・404 などはページ本文の a の指定（下線あり）が効くので、クラスつきのセレクタ（本文の a より強い）で上書きする。!important は使わない。 */
footer .foot-nav a, footer .foot-meta a, footer .foot-osm a{color:var(--muted); text-decoration:none;}
footer .foot-nav a:hover, footer .foot-meta a:hover, footer .foot-osm a:hover{color:var(--text); text-decoration:underline;}
footer .foot-nav a:focus-visible, footer .foot-meta a:focus-visible, footer .foot-osm a:focus-visible{color:var(--text); text-decoration:underline;}
footer ul{list-style:none; margin:0; padding:0;}
footer .brand{font-family:"Manrope","Zen Kaku Gothic New",-apple-system,sans-serif; font-weight:800; letter-spacing:-.8px; display:inline-flex; align-items:center; gap:.3em;}
footer .brand .word{background:linear-gradient(120deg,#F2F5FA 8%,#BFE9E7 55%,#5CD6D3); -webkit-background-clip:text; background-clip:text; color:transparent;}
footer .brand .c{color:var(--emerald); text-shadow:0 0 16px rgba(92,214,211,.7), 0 0 4px rgba(47,184,176,.5);}
footer .brand .muted{color:var(--muted);}
footer .foot-nav{display:grid; grid-template-columns:repeat(4,1fr); gap:28px 32px; margin:24px 0 0;} /* 900px超: 枠の幅いっぱいに同幅の4列 */
footer .foot-group{min-width:0;}
footer .foot-group h3{margin:0 0 10px; font-size:13px; font-weight:700; color:var(--text);}
footer .foot-group li{margin:0 0 8px;}
footer .foot-group a, footer .foot-meta a{white-space:nowrap;} /* リンクの文言の途中で折り返さない */
footer .foot-meta{display:flex; flex-wrap:wrap; gap:6px 24px; margin-top:28px; padding-top:20px; border-top:1px solid var(--border);} /* © 表記（と、このページだけのリンク）・左揃え */
footer .foot-meta li{margin:0; color:var(--muted);}
footer .foot-osm{margin:10px 0 0; font-size:12px; color:var(--muted);}
@media(max-width:900px){ footer .foot-nav{grid-template-columns:repeat(2,1fr);} } /* 601〜900px: 2列×2段 */
@media(max-width:600px){ footer .foot-nav{grid-template-columns:1fr; gap:22px;} } /* 600px以下: 縦1列 */
/* 本文が幅 760px ほどの規約・お礼・404 などは、広い画面でも2列×2段（4列だと「Listing & Removal (EN)」などが収まらない）。 */
footer.foot-compact .foot-nav{grid-template-columns:repeat(2,1fr);}
@media(max-width:600px){ footer.foot-compact .foot-nav{grid-template-columns:1fr; gap:22px;} }
@media(max-width:360px){ footer .foot-group a, footer .foot-meta a{white-space:normal;} } /* 極小幅では横スクロールを出さないことを優先 */