:root{--red-100: #fdeaec;--red-200: #f7c9cd;--red-400: #e5535f;--red-500: #dc2e3b;--red-600: #c62835;--red-700: #a81f2b;--ink-900: #0e0e10;--ink-700: #323234;--ink-500: #6a6a6a;--ink-400: #9d9894;--ink-300: #c9c5c1;--ink-200: #ece7e3;--ink-100: #f6f4f2;--white: #fff;--paper: #f4f3f1;--paper-raised: #fbfbfa;--text-heading: var(--ink-900);--text-body: var(--ink-500);--text-muted: var(--ink-400);--text-strong: var(--ink-700);--surface-page: var(--paper);--surface-card: var(--white);--surface-raised: var(--paper-raised);--surface-tint: var(--red-100);--border-subtle: var(--ink-200);--font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-italic: "Playfair Display", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .2s;--shadow-card: 0 1px 2px rgba(14, 14, 16, .04), 0 8px 24px rgba(14, 14, 16, .05);--shadow-nav: 0 8px 30px rgba(14, 14, 16, .07);--sidebar-w: 320px}@media(max-width:1100px){:root{--sidebar-w: 280px}}.step-body p+p{margin-top:14px}em.accent{font-family:var(--font-italic);font-style:italic;color:var(--red-500);font-weight:400}code{font-family:var(--font-mono);font-size:.9em;background:var(--ink-100);padding:2px 6px;border-radius:4px;color:var(--ink-700)}.click-tag{display:inline-flex;align-items:center;gap:8px;background:var(--red-100);color:var(--red-600);border:1px solid var(--red-200);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;font-family:var(--font-sans);white-space:nowrap}.click-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-500)}.callout{margin-top:24px;padding:20px 24px;background:var(--surface-tint);border-radius:16px;border-left:3px solid var(--red-500)}.callout-label{font-family:var(--font-mono);font-size:11px;color:var(--red-600);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-weight:500}.callout-body{font-size:15px;color:var(--ink-700);line-height:1.55}.warn{background:#fff8ec;border-left-color:#e89b3f}.warn .callout-label{color:#c67209}@media(max-width:820px){.callout{padding:16px 18px;margin-top:18px;border-radius:12px}.callout-body{font-size:14px}.click-tag{font-size:13px;padding:3px 10px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--surface-page);color:var(--text-heading);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--red-500);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}