/* Document pages — readable layout on top of the cosmic theme */
.doc {
  position: relative;
  z-index: 1;
  padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 48px) 80px;
  display: flex;
  justify-content: center;
}
.doc__inner {
  width: 100%;
  max-width: 760px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: clamp(28px, 4vw, 56px);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-2);
}
.doc h1 {
  font-size: clamp(30px, 4vw, 44px);
  margin: 4px 0 8px;
  line-height: 1.15;
}
.doc__meta {
  color: var(--text-dim);
  font-size: 13px;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}
.doc h2 {
  font-size: 22px;
  margin: 32px 0 10px;
  color: var(--gold-2);
}
.doc h3 {
  font-size: 18px;
  margin: 22px 0 8px;
}
.doc p,
.doc li {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.75;
}
.doc p { margin: 0 0 12px; }
.doc ul, .doc ol {
  margin: 8px 0 16px;
  padding-left: 22px;
}
.doc li { margin-bottom: 6px; }
.doc a {
  color: var(--gold-2);
  border-bottom: 1px dashed var(--border-strong);
}
.doc a:hover { color: var(--gold); }
.doc strong { color: var(--text); }