html, body { height: auto; overflow: auto; }
body { position: static; user-select: text; -webkit-user-select: text; min-height: 100%; }
.doc { position: relative; z-index: 1; max-width: 42rem; margin: 0 auto; padding: 28px 20px 64px; padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); line-height: 1.65; }
.doc .back { display: inline-block; margin-bottom: 20px; color: var(--cyan); text-decoration: none; font-weight: 600; }
.doc .back:hover, .doc .back:focus-visible { text-decoration: underline; }
.doc h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 8vw, 2.8rem); line-height: 1.1; color: var(--lime); text-shadow: 0 0 24px rgba(182, 255, 59, 0.45); }
.doc .updated { margin-top: 8px; color: var(--text-dim); }
.doc h2 { margin-top: 32px; font-family: var(--font-display); font-weight: 600; font-size: 1.35rem; color: var(--cyan); }
.doc p, .doc li { margin: 10px 0 0; color: var(--text); }
.doc ul { margin: 10px 0 0; padding-left: 1.2em; list-style: disc; }
.doc a { color: var(--cyan); }