body { margin:0; font-family:Inter, system-ui, -apple-system, sans-serif; color:var(--body); background:var(--paper); padding-bottom:26px; }.stage { max-width:1080px; margin:0 auto; padding:28px 32px 60px; }.pagehead h1 { font-size:20px; font-weight:700; letter-spacing:-0.01em; color:var(--ink); margin:0; }
.pagehead .sub { color:var(--dim); font-size:13px; margin-left:4px; max-width:64ch; }
.layout { display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:24px; align-items:start; }h2 { margin:0 0 8px; font-size:18px; letter-spacing:-.01em; color:var(--ink); }
p { margin:0 0 14px; color:var(--dim); line-height:1.6; }
ol, ul { color:var(--body); line-height:1.65; }.screenshot { display:block; width:100%; max-width:780px; margin:14px 0; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }.sidecard { padding:16px; background:var(--surface-2); }@media (max-width: 900px) { }