* { box-sizing: border-box; }
body {
  margin: 0;
  background: #ecf8f8;
  color: #163133;
  font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.8;
}

.bar {
  background: #0d7377;
  color: #fff;
}
.bar nav, .bar .name {
  width: min(760px, calc(100% - 28px));
  margin: 0 auto;
}
.bar .name {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0 6px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.bar nav { display: flex; gap: 16px; padding: 0 0 14px; }
.bar nav a { color: #c7ecec; text-decoration: none; }
.bar nav a.cur { color: #fff; border-bottom: 2px solid #7fdbda; }

.lead {
  width: min(760px, calc(100% - 28px));
  margin: 28px auto 0;
  background: #fff;
  border-left: 6px solid #0d7377;
  padding: 28px 26px;
}
.lead h1 { font-size: 30px; line-height: 1.4; margin: 0 0 12px; }
.btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.btns a {
  text-decoration: none;
  padding: 10px 14px;
  background: #0d7377;
  color: #fff;
  font-weight: 700;
}
.btns a.alt { background: #14919b; }

.article {
  width: min(760px, calc(100% - 28px));
  margin: 0 auto 40px;
}
.article h2 {
  margin: 32px 0 10px;
  font-size: 23px;
  padding-bottom: 6px;
  border-bottom: 1px solid #b9dcdc;
}
table.diff {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 15px;
}
table.diff th, table.diff td {
  border: 1px solid #b9dcdc;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
table.diff th { background: #d8f0f0; }
.pull {
  background: #d8f0f0;
  padding: 14px 16px;
  margin: 14px 0;
  font-size: 16px;
}
.faq-item { background: #fff; padding: 12px 14px; margin: 10px 0; border: 1px solid #b9dcdc; }
.faq-item b { display: block; margin-bottom: 6px; }

.base {
  background: #0b4f52;
  color: #cde8e8;
  padding: 24px 14px 32px;
}
.base .in { width: min(760px, calc(100% - 28px)); margin: 0 auto; }
.base a { color: #7fdbda; }
.pass { color: #b7f0e4; }

@media (max-width: 640px) {
  .lead h1 { font-size: 24px; }
}