/* Plain document pages: legal texts, test checkout, not found. */
:root { color-scheme: dark; --bg: #0d1014; --text: #f5f3ee; --muted: #c1c8d0; --line: rgba(255, 255, 255, .17); --acid: #d8ff72; --lilac: #c5b5ff; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px 64px; background: var(--bg); color: var(--text); font: 18px/1.6 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.document { max-width: 44rem; margin: 0 auto; }
.back { display: inline-block; margin-bottom: 24px; color: var(--text); }
.kicker { margin: 0; color: var(--acid); font-family: 'DM Mono', ui-monospace, Menlo, Consolas, monospace; font-size: 14px; letter-spacing: .06em; }
h1 { font-size: clamp(32px, 7vw, 46px); line-height: 1.1; letter-spacing: -.04em; margin: 8px 0 24px; overflow-wrap: break-word; hyphens: auto; }
h2 { font-size: 22px; line-height: 1.3; margin: 36px 0 8px; padding-top: 16px; border-top: 1px solid var(--line); }
p, li { color: #e3e6ea; }
a { color: var(--lilac); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.todo { background: #3a2a10; color: #ffd98a; padding: 0 4px; border-radius: 3px; }
.box { padding: 14px 16px; border-left: 3px solid var(--acid); background: #171c23; }
code { font-size: .9em; overflow-wrap: anywhere; }
.test-actions { display: grid; gap: 10px; margin-top: 20px; }
.test-actions button { min-height: 52px; padding: 10px 16px; border: 1px solid var(--line); background: #20252d; color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.test-actions button[value="paid"] { background: var(--acid); color: #10140e; border-color: var(--acid); }