.cs-guide{--font-archivo:"Archivo";--font-dm:"DM Sans";--font-mono:"JetBrains Mono";--cs-ink:#1a1a1a;--cs-body:#46423a;--cs-muted:#8a8475;--cs-accent:#1a1a1a;--cs-line:#e4e4e7;--cs-panel:#fafafa;--cs-code:#1b1a16;--cs-codetx:#ede9df;--cs-paper:#fff;background:var(--cs-paper);max-width:720px;color:var(--cs-body);font-family:var(--font-dm),"DM Sans",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:24px auto;padding:clamp(20px,5vw,44px);font-size:17px;line-height:1.6}.cs-guide .cs-back{color:var(--cs-ink);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cs-guide .cs-back:hover{text-decoration:underline}.cs-guide .cs-eyebrow{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cs-muted);font-size:12px;font-weight:600}.cs-guide .cs-hero{border-bottom:1px solid var(--cs-line);padding:8px 0 36px}.cs-guide .cs-hero h1{font-family:var(--font-archivo),"Archivo",sans-serif;letter-spacing:-1.4px;color:var(--cs-ink);text-transform:uppercase;margin:16px 0 0;font-size:clamp(36px,6.5vw,60px);font-weight:900;line-height:1}.cs-guide .cs-hero .cs-accent{color:var(--cs-accent);text-underline-offset:6px;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:4px}.cs-guide .cs-hero .cs-sub{color:var(--cs-body);max-width:620px;margin-top:22px;font-size:clamp(17px,2.3vw,21px)}.cs-guide .cs-how{border-bottom:1px solid var(--cs-line);padding:36px 0}.cs-guide .cs-how h2{font-family:var(--font-archivo),"Archivo",sans-serif;color:var(--cs-ink);letter-spacing:-.4px;margin-bottom:18px;font-size:24px;font-weight:800}.cs-guide .cs-steps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cs-guide .cs-step{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:16px;padding:20px 22px}.cs-guide .cs-step .cs-n{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-muted);font-size:12px;font-weight:700}.cs-guide .cs-step h3{font-family:var(--font-archivo),"Archivo",sans-serif;color:var(--cs-ink);margin:8px 0 6px;font-size:19px;font-weight:700}.cs-guide .cs-step p{color:var(--cs-body);margin:0;font-size:15px}.cs-guide .cs-skills{padding:40px 0 0}.cs-guide .cs-lead{font-family:var(--font-archivo),"Archivo",sans-serif;color:var(--cs-ink);letter-spacing:-.4px;margin-bottom:4px;font-size:26px;font-weight:800}.cs-guide .cs-leadsub{color:var(--cs-muted);margin:0;font-size:16px}.cs-guide .cs-skill{border-top:1px solid var(--cs-line);padding:36px 0}.cs-guide .cs-skill:first-of-type{border-top:0;padding-top:28px}.cs-guide .cs-shead{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.cs-guide .cs-snum{font-family:var(--font-archivo),"Archivo",sans-serif;color:var(--cs-muted);letter-spacing:-.5px;font-size:24px;font-weight:900}.cs-guide .cs-sname{font-family:var(--font-archivo),"Archivo",sans-serif;color:var(--cs-ink);letter-spacing:-.5px;font-size:25px;font-weight:800}.cs-guide .cs-swhat{color:var(--cs-body);max-width:640px;margin:12px 0 18px;font-size:17px}.cs-guide .cs-block{background:var(--cs-code);border:1px solid #2a2822;border-radius:16px;position:relative;overflow:hidden}.cs-guide .cs-bar{border-bottom:1px solid #2a2822;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cs-guide .cs-fnm{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:#9a9486;letter-spacing:.04em;font-size:13px;font-weight:600}.cs-guide .cs-copy{font-family:var(--font-dm),"DM Sans",sans-serif;color:var(--cs-code);cursor:pointer;background:#ede9df;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.cs-guide .cs-copy:hover{background:#fff}.cs-guide .cs-copy:active{transform:scale(.97)}.cs-guide .cs-copy.cs-done{color:#fff;background:#1f6b3a}.cs-guide pre{font-family:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;color:var(--cs-codetx);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:20px;font-size:14px;font-weight:400;line-height:1.62}.cs-guide pre .cs-b{color:#f0b27a;font-weight:600}.cs-guide .cs-foot{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:16px;margin-top:40px;padding:24px}.cs-guide .cs-foot p{color:var(--cs-body);margin:0}.cs-guide .cs-foot .cs-help{color:var(--cs-muted);margin-top:10px;font-size:14px}@media (max-width:660px){.cs-guide .cs-steps{grid-template-columns:1fr}.cs-guide pre{font-size:13px}}@media (prefers-reduced-motion:reduce){.cs-guide .cs-copy{transition:none}}