/* 静的な法的ページの体裁。
   アプリ本体を読み込まなくても開ける、素のHTMLのための最小限の装い。
   審査や外部からの参照は、JavaScriptに頼らないこの頁を見てもらう。 */

:root {
  color-scheme: dark;
  --bg: #14181b;
  --ink: #c2cbc4;
  --ink-dim: #8b9691;
  --line: #2a3033;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 6dvh 7vw calc(env(safe-area-inset-bottom) + 8dvh);
  background: var(--bg);
  color: var(--ink);
  font-family: 'Hiragino Mincho ProN', 'Yu Mincho', 'Noto Serif JP', serif;
  font-size: 15px;
  line-height: 2.1;
  letter-spacing: 0.06em;
  -webkit-text-size-adjust: 100%;
}

main {
  max-width: 640px;
  margin: 0 auto;
}

h1 {
  font-size: 1.05rem;
  font-weight: normal;
  letter-spacing: 0.18em;
  margin: 0 0 5dvh;
  padding-bottom: 2dvh;
  border-bottom: 1px solid var(--line);
}

h2 {
  font-size: 0.92rem;
  font-weight: normal;
  letter-spacing: 0.12em;
  color: var(--ink);
  margin: 4.5dvh 0 1.4dvh;
}

p,
li {
  color: var(--ink-dim);
  margin: 0 0 1.6dvh;
}

ul {
  padding-left: 1.2em;
  margin: 0 0 1.6dvh;
}

strong {
  color: var(--ink);
  font-weight: normal;
}

a {
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}

dl {
  margin: 0;
}

dt {
  color: var(--ink);
  margin: 4dvh 0 0.6dvh;
  letter-spacing: 0.12em;
  font-size: 0.92rem;
}

dd {
  margin: 0;
  color: var(--ink-dim);
}

.lead {
  margin-bottom: 4dvh;
}

.foot {
  margin-top: 8dvh;
  padding-top: 3dvh;
  border-top: 1px solid var(--line);
  font-size: 0.82rem;
}

.foot a {
  margin-right: 1.4em;
}

.date {
  font-size: 0.82rem;
  margin-top: 5dvh;
}