*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #000; }
body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }

.book { max-width: 960px; margin: 0 auto; }
.page { margin: 0; line-height: 0; }
.page a { display: block; }
.page img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  background: #111;
}

.foot {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 16px 48px;
  color: #777;
  font: 12px/1.6 sans-serif;
  text-align: center;
}

/* 開発モード（?debug=1）の計測パネル */
.kdebug {
  position: fixed; right: 8px; bottom: 8px; z-index: 9999;
  max-width: 260px; padding: 8px 10px; border-radius: 6px;
  background: rgba(0,0,0,.85); color: #0f0; border: 1px solid #0f0;
  font: 11px/1.5 monospace; white-space: pre-wrap; pointer-events: none;
}