:root{--background: #ffffff;--foreground: #111827;--primary: #4f46e5;--accent: #06b6d4;--card: #ffffff;--muted: #6b7280;--border: #e5e7eb;--page-radius: .75rem;--page-shadow: 0 1px 3px rgba(0, 0, 0, .08);--page-max-width: 48rem;--page-shell-padding: 1.5rem;--page-step-marker-size: 2rem}.page-shell{min-height:100vh;background:var(--background);color:var(--foreground);padding:var(--page-shell-padding)}.page-header{max-width:var(--page-max-width);margin:0 auto 2rem;text-align:center}.page-title{font-size:1.75rem;line-height:1.2;font-weight:700;color:var(--foreground);margin-bottom:.75rem}.page-lead{font-size:1.125rem;color:var(--muted)}.page-main{max-width:var(--page-max-width);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-step{display:flex;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--page-radius);padding:1.25rem;box-shadow:var(--page-shadow)}.page-step-marker{flex:none;width:var(--page-step-marker-size);height:var(--page-step-marker-size);display:grid;place-items:center;border-radius:9999px;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem}.page-step-body{flex:1}.page-step-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground)}.page-step-list{list-style:disc;padding-left:1.25rem;color:var(--foreground);line-height:1.6}.page-step-list li+li{margin-top:.375rem}.page-footer{max-width:var(--page-max-width);margin:2rem auto 0;display:flex;flex-direction:column;align-items:center}.page-note{width:100%;text-align:center;color:var(--muted);font-size:.875rem;margin-bottom:1rem}.page-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.page-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--page-radius);border:1px solid var(--border);background:var(--card);color:var(--foreground);font-weight:500;text-decoration:none;transition:background .15s ease}.page-btn:hover{background:var(--border)}.page-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn-primary:hover{filter:brightness(1.05)}@media (max-width: 640px){.page-title{font-size:1.375rem}.page-step{flex-direction:column;gap:.75rem}}body{overflow-wrap:anywhere}pre{max-width:100%;overflow-x:auto}