.vd-app .vd-doc { max-width: 720px; padding-bottom: 24px; line-height: 1.55; }
.vd-app .vd-doc h1 { margin: 8px 0 12px; font-size: 32px; letter-spacing: -.02em; }
.vd-app .vd-doc h2 { margin: 28px 0 6px; font-size: 18px; }
.vd-app .vd-doc p, .vd-app .vd-doc li { color: var(--vd-ink); }
.vd-app .vd-doc ul { padding-left: 20px; }
.vd-app .vd-doc a:not(.lc-back):not(.vd-credit-btn) { color: var(--vd-action); text-decoration: underline; text-underline-offset: 2px; }
.vd-app .vd-doc-note { color: var(--vd-muted); font-size: 14px; }
.vd-app .vd-doc .vd-credits { list-style: none; margin: 20px 0; padding: 0; display: grid; gap: 12px; }
.vd-app .vd-credits li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 18px; background: #fff; box-shadow: var(--lc-shadow); }
.vd-app .vd-credits strong { display: block; font-size: 16px; }
.vd-app .vd-credits span { color: var(--vd-muted); font-size: 14px; }
.vd-app .vd-credit-btn { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--vd-action); color: #fff; font-size: 14px; font-weight: 600; }
.vd-app .vd-credit { margin: 0 0 12px; color: var(--vd-muted); font-size: 14px; }
.vd-app .vd-credit a { color: var(--vd-action); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.vd-app .vd-footer { max-width: 1240px; margin: 0 auto; padding: 8px max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); color: var(--vd-muted); font-size: 13px; }
.vd-app .vd-footer nav { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.vd-app .vd-footer nav a { min-height: 32px; display: inline-flex; align-items: center; }
.vd-app .vd-footer a:hover { color: var(--vd-ink); }
.vd-app .vd-footer p { margin: 4px 0 0; }