/*! やじるし | (c) 2025-2026 asamizu | yajirushi.liteside.dev | All rights reserved */
/*
   3ページ（index / maplink / help）で完全に同じだったものを、ここ1か所にまとめている。
   **ページ固有のCSSより先に読むこと。** 同じ強さの指定は後から読んだほうが勝つので、
   上書き（メディアクエリでの文字サイズなど）はページ側の役目になる。

   footer は3ページで役目が違う（help/maplink は「戻るボタンの入れ物」、index は
   下端に固定した著作権表示）。共通なのは中央寄せと上の余白だけで、
   index.html 側は css/index.css で position:fixed に上書きしている
   （固定配置では margin-top は効かないので、打ち消しは要らない）。
*/
/* 出所の目印。見た目には影響しない。→ DEVELOPMENT.md 6.「立証用の目印」 */
:root {
  --yajirushi-origin: "yajirushi.liteside.dev (c) asamizu";
}

* {
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
}

h1 {
  margin: 10px 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  color: #666;
}

/* 狭い画面では一回り小さく。3ページ共通なのでここに置く
   （help.html だけ css/help.css で少し大きくしている） */
@media (max-width: 600px) {
  h1 {
    font-size: 1em;
  }
}

/* 「やじるしに戻る」を置く行。help.html と maplink.html が使う */
footer {
  margin-top: 20px;
  text-align: center;
}

/*
   ページの最後に置く「やじるしに戻る」ボタン。使うのは help.html と maplink.html だけで、
   index.html では何にも当たらない（戻る先が index.html 自身なので）。
   そのぶん index.html は使わない指定を7行ぶん受け取るが、
   2ファイルに同じ見た目を書き分けて片方だけずれるほうが困るので、ここに置いている
*/
.back {
  display: inline-block;
  padding: 10px 24px;
  background-color: #4285F4;
  color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
}

.back:hover {
  background-color: #3267D6;
}