:root {
  color-scheme: light;
  --ink: #111827;
  --muted: #6b7280;
  --line: rgba(17, 24, 39, 0.10);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 52% 88%, rgba(104, 91, 255, 0.16), transparent 30%),
    radial-gradient(circle at 72% 78%, rgba(72, 156, 255, 0.14), transparent 32%),
    linear-gradient(180deg, #fbfbf9 0%, #f7f7f5 62%, #f2f0f8 100%);
}

.doc {
  width: min(860px, calc(100% - 36px));
  margin: 0 auto;
  padding: 56px 0 72px;
}

.back {
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

h1 {
  margin: 22px 0 8px;
  font-size: clamp(34px, 6vw, 64px);
  line-height: 1.05;
  letter-spacing: 0;
}

.meta {
  margin: 0 0 34px;
  color: var(--muted);
  font-size: 14px;
}

h2 {
  margin: 34px 0 12px;
  font-size: 22px;
}

h3 {
  margin: 22px 0 8px;
  color: #1f2937;
  font-size: 17px;
  line-height: 1.5;
}

p {
  margin: 0 0 14px;
  color: #374151;
  font-size: 16px;
  line-height: 1.9;
}

a { color: #111827; }