/*! やじるし | (c) 2025-2026 asamizu | yajirushi.liteside.dev | All rights reserved */
/*
   help.html のスタイル。読み物なので独自のJSは持たない
   （戻る処理だけ js/shared.js の goBack() を使う）。
   配色と余白は index.html に合わせてある。
*/
body {
  margin: 0 auto;
  padding: 12px;
  padding-top: calc(env(safe-area-inset-top) + 12px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 24px);
  max-width: 600px;
  background-color: #f5f5f5;
  color: #333;
  line-height: 1.7;
}

section {
  margin-top: 12px;
  padding: 14px 16px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

h2 {
  margin: 0 0 8px;
  font-size: 1em;
  color: #4285F4;
}

ol, ul {
  margin: 0;
  padding-left: 1.3em;
}

li {
  margin: 4px 0;
}

/* 補足。本文より一段弱く見せる */
.note {
  margin: 10px 0 0;
  padding: 6px 10px;
  background-color: #f0f4ff;
  border-left: 3px solid #4285F4;
  border-radius: 0 5px 5px 0;
  font-size: 0.9em;
}

@media (max-width: 600px) {
  body {
    font-size: 0.95em;
  }

  h1 {
    font-size: 1.05em;
  }
}