.document-main .panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 1rem;
  padding: 1.4rem;
}

.document-main h1,
.document-main h2,
.document-main h3 {
  margin: 0 0 0.65rem;
  line-height: 1.35;
}

.document-main h1 {
  font-size: 1.95rem;
}

.document-main h2 {
  font-size: 1.2rem;
  margin-top: 1.6rem;
}

.document-main h3 {
  font-size: 1rem;
  margin-top: 1rem;
}

.document-main p,
.document-main li {
  color: var(--muted);
  line-height: 1.75;
  margin: 0.45rem 0;
}

.document-main ul {
  margin: 0.35rem 0 0;
  padding-left: 1.2rem;
}

.document-main .meta {
  margin-bottom: 1rem;
  color: var(--ink);
  font-weight: 700;
}

.document-main .top-nav {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.document-main .top-nav a,
.document-main .panel a {
  text-decoration: none;
  color: var(--brand);
  font-weight: 700;
}

.document-main .notice {
  border-left: 4px solid var(--brand);
  padding-left: 0.9rem;
  margin: 1rem 0;
}

.document-main .divider {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 2rem 0;
}

.document-main footer {
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: var(--muted);
}