body {
  font-family: "Segoe UI", Calibri, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #f6f1e6;
  background: #12110e;
  margin: 0;
}
.page {
  width: min(1040px, calc(100% - 2.4rem));
  margin: 1.2em auto 2.4em;
  box-sizing: border-box;
}
header.top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  box-sizing: border-box;
  width: min(1040px, calc(100% - 2.4rem));
  margin: 0 auto;
  padding: 18px 0;
  background: transparent;
  border-bottom: 1px solid #6e5a32;
}
header.top .brand {
  color: #f6f1e6;
  text-decoration: none;
  font-size: 22px;
}
header.top nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}
header.top nav a {
  color: #f0c36a;
  text-decoration: none;
  font-size: 16px;
}
.shot { margin: 0.8em 0 0.3em; overflow-x: auto; }
.shot img { display: block; border: 2px solid #f0c36a; }
header.top nav a.here { color: #f6f1e6; border-bottom: 2px solid #f0c36a; }
h1 { font-size: 28px; margin: 0 0 0.4em; color: #f6f1e6; max-width: 46em; }
.page p, .page li, .page .note, .page .nav, .page .home, .page table { max-width: 46em; }
h2 { font-size: 22px; margin: 1.2em 0 0.3em; color: #f0c36a; }
p, li { margin: 0.45em 0; }
ol, ul { padding-left: 1.3em; }
a { color: #f0c36a; }
code, .ex {
  font-family: Consolas, monospace;
  font-size: 16px;
  color: #f6f1e6;
  background: #1c1a16;
  padding: 0 0.25em;
}
table { border-collapse: collapse; margin: 0.6em 0 1em; }
th, td { border: 1px solid #6e5a32; padding: 0.35em 0.55em; text-align: left; vertical-align: top; }
th { background: #1c1a16; color: #c9a15b; }
.note { background: #1c1a16; padding: 0.6em 0.8em; }
.nav { margin-top: 1.8em; font-size: 16px; }
.home { margin: 0 0 1em; font-size: 16px; }