* { box-sizing: border-box; }
body {
  margin: 0;
  background: #f7f2ee;
  color: #1a1a1a;
  font: 17px/1.7 "Trebuchet MS", "Heiti SC", "Microsoft YaHei", sans-serif;
  counter-reset: sec;
}
.mast {
  text-align: center;
  padding: 18px 8vw 14px;
  background: #141414;
  color: #f5f5f5;
}
.mast .mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
}
.mast nav { margin-top: 12px; }
.mast nav a {
  color: #e7b4b4;
  text-decoration: none;
  margin: 0 16px;
  font-size: 15px;
}
.mast nav a.is-current { color: #fff; border-bottom: 2px solid #b91c1c; }
.band { padding: 56px 8vw; }
.band h1, .band h2 { margin-top: 0; }
.band h2 { font-size: 32px; }
.band h2::before {
  counter-increment: sec;
  content: counter(sec, decimal-leading-zero) " / ";
  color: #b91c1c;
  font-size: 0.7em;
}
.band-dark { background: #141414; color: #f3eee8; }
.band-dark h2::before { color: #f87171; }
.band-red { background: #b91c1c; color: #fff8f8; }
.band-red a { color: #fff; }
.hero-name { font-size: 42px; line-height: 1.2; max-width: 16em; margin: 0 auto 16px; text-align: center; }
.pull { max-width: 40em; margin: 0 auto; }
.actions { text-align: center; margin-top: 20px; }
.actions a {
  display: inline-block;
  margin: 6px;
  padding: 12px 18px;
  background: #b91c1c;
  color: #fff;
  text-decoration: none;
}
.band-dark .actions a { background: #b91c1c; }
.diff-table { width: 100%; border-collapse: collapse; margin: 18px 0; background: #fff; color: #1a1a1a; }
.diff-table th, .diff-table td { border: 1px solid #d6cfc7; padding: 10px 12px; text-align: left; }
.diff-table th { background: #2a2a2a; color: #fff; }
.risk {
  border: 3px solid #b91c1c;
  padding: 16px 18px;
  background: #fff;
}
.q { margin: 0 0 16px; }
.q strong { display: block; margin-bottom: 4px; }
.tail { background: #1a1a1a; color: #d6cfc7; padding: 28px 8vw 36px; font-size: 14px; }
.tail p { margin: 0 0 8px; }
.fine { font-size: 14px; opacity: 0.85; }

@media (max-width: 720px) {
  .hero-name { font-size: 28px; }
  .band { padding: 36px 6vw; }
  .band h2 { font-size: 24px; }
}