:root { color-scheme: light; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 12px;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
img { max-width: 100%; height: auto; }
table { max-width: 100%; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }
a { word-break: break-word; }
input, textarea, select, button { max-width: 100%; font: inherit; }
hr { max-width: 100%; }
.legacy-note {
  margin: 10px 0;
  padding: 8px 10px;
  border: 1px solid #aaa;
  background: #fffbe6;
  color: #222;
  font-size: .9rem;
}
@media (max-width: 720px) {
  body { margin: 8px; font-size: 15px; }
  table[width] { width: 100% !important; }
  td, th { max-width: 100%; }
  font[size="1"] { font-size: 12px; }
  font[size="2"] { font-size: 13px; }
}