:root {
  color-scheme: light;
  font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  color: #000;
  background: #fff;
}
* { box-sizing: border-box; }
body { margin: 0; }
.skip { position: absolute; top: -80px; left: 20px; padding: 12px; background: #fff; color: #000; }
.skip:focus { top: 10px; }
article {
  width: 960px;
  max-width: 80%;
  margin: 0 auto;
  padding: 28px 28px 56px;
  font-size: 16px;
  line-height: 1.8125;
  text-align: justify;
  overflow-wrap: anywhere;
}
h1 {
  margin: 16px 0 24px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
section { margin: 16px 0; }
h2 { margin: 16px 0; font-size: 16px; line-height: inherit; font-weight: 700; }
p { margin: 16px 0; }
.revision { text-align: left; }
section > :last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  article { width: 100%; max-width: 100%; padding: 20px 20px 40px; }
  h1 { margin-top: 12px; font-size: 28px; }
}
@media (max-width: 380px) {
  article { padding-right: 16px; padding-left: 16px; }
  h1 { font-size: 24px; }
}
@media print {
  .skip { display: none; }
  article { width: auto; max-width: none; margin: 0; padding: 0; font-size: 12pt; }
  h1 { font-size: 22pt; }
  h2 { font-size: 12pt; break-after: avoid; }
  p { orphans: 3; widows: 3; }
}