:root { color-scheme: light dark; }
body {
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif;
  max-width: 760px; margin: 6vh auto; padding: 0 24px 12vh; color: #1a1a1a;
}
@media (prefers-color-scheme: dark) { body { color: #e8e8e8; } a { color: #4ea1ff; } }
h1 { font-size: 1.9rem; margin-bottom: .1em; }
h2 { font-size: 1.25rem; margin-top: 2em; }
h3 { font-size: 1.02rem; margin-top: 1.6em; }
.updated { color: #888; font-size: .9rem; margin: .2em 0 0; }
.lang { color: #888; font-size: .85rem; margin: 1.5em 0 .5em; letter-spacing: .04em; text-transform: uppercase; }
hr { border: none; border-top: 1px solid #8883; margin: 3em 0; }
nav a { margin-right: 1em; font-size: .9rem; }
.note { background: #8881; border-radius: 8px; padding: .8em 1em; font-size: .92rem; }
footer { margin-top: 4em; color: #999; font-size: .85rem; }

/* ---- additions ---- */

/* Placeholders that must be filled in before this page is considered final. */
.todo {
  background: #fde68a; color: #3b2f00; border-radius: 4px;
  padding: .05em .4em; font-weight: 600; font-size: .95em;
}
@media (prefers-color-scheme: dark) { .todo { background: #7c5b00; color: #ffe9a8; } }

/* Jump link between the English and Japanese halves of a page. */
.jump { font-size: .9rem; margin: .6em 0 1.6em; }

/* Key/value table used by the legal notice page. */
table.kv { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: .95rem; }
table.kv th, table.kv td {
  border-top: 1px solid #8883; padding: .7em .6em; text-align: left; vertical-align: top;
}
table.kv th { width: 32%; font-weight: 600; }
@media (max-width: 560px) {
  table.kv, table.kv tbody, table.kv tr, table.kv th, table.kv td { display: block; width: auto; }
  table.kv td { border-top: none; padding-top: 0; }
}

ul, ol { padding-left: 1.4em; }
li { margin: .35em 0; }