:root {
  color: #182220;
  background: #f7f8f8;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.7;
}

* { box-sizing: border-box; }

body { margin: 0; }

a { color: #176b5a; }

.seo-docs-header {
  background: #fff;
  border-bottom: 1px solid #dfe5e2;
}

.seo-docs-header__inner,
.seo-docs-main {
  width: min(920px, calc(100% - 40px));
  margin: 0 auto;
}

.seo-docs-header__inner {
  display: flex;
  gap: 20px;
  align-items: center;
  min-height: 64px;
}

.seo-docs-brand {
  color: #182220;
  font-weight: 700;
  text-decoration: none;
}

.seo-docs-header__inner nav { margin-left: auto; }

.seo-docs-main { padding: 56px 0 80px; }

.seo-docs-eyebrow {
  color: #52716b;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.seo-docs-heading {
  margin: 0 0 36px;
  border-bottom: 1px solid #dfe5e2;
  padding-bottom: 28px;
}

.seo-docs-heading h1 { margin: 8px 0; line-height: 1.25; }

.seo-docs-heading p { margin: 0; color: #52615d; }

.seo-docs-list { list-style: none; margin: 0; padding: 0; }

.seo-docs-list li {
  padding: 24px 0;
  border-bottom: 1px solid #dfe5e2;
}

.seo-docs-list a { font-size: 1.125rem; font-weight: 700; }

.seo-docs-list p { margin: 6px 0 0; color: #52615d; }

.seo-docs-list time { color: #697773; font-size: .875rem; }

.seo-docs-article img { max-width: 100%; height: auto; }

.seo-docs-article pre {
  overflow: auto;
  padding: 16px;
  border-radius: 8px;
  background: #17201e;
  color: #edf7f3;
}

.seo-docs-article table { display: block; max-width: 100%; overflow: auto; }

@media (max-width: 560px) {
  .seo-docs-main { padding-top: 36px; }
}