.claude-guide{--ink:#231b20;--blush:#f8d8e3;--rose:#f4adc6;--hot:#e95891;--cream:#fffaf8;color:var(--ink);background:var(--cream);padding:42px 20px 80px}.claude-guide article{max-width:780px;margin:auto}.claude-guide h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.1rem,6vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:30px 0 20px;text-transform:none}.claude-guide h1+p{font-size:1.1rem;padding-bottom:28px;border-bottom:3px solid var(--rose)}.claude-guide p,.claude-guide li{font-size:1.0625rem;line-height:1.75}.claude-guide p{margin:18px 0}.claude-guide li{padding-left:5px;margin:10px 0}.claude-guide ul,.claude-guide ol{padding-left:24px}.claude-guide h2{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;letter-spacing:-.025em;text-transform:none;margin:0 0 24px}.claude-guide h3{font-size:1.3rem;line-height:1.4;margin:32px 0 16px}.guide-section{border-top:1px solid var(--rose);padding:40px 0 16px;scroll-margin-top:100px}.guide-section:first-of-type{border:0}.claude-guide a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.back-link{font-weight:700;font-size:.875rem;letter-spacing:.05em}.copy-box{border:1px solid var(--rose);border-radius:16px;background:#fff;margin:18px 0 28px;overflow:hidden}.copy-toolbar{display:flex;justify-content:flex-end;padding:12px 14px;background:var(--blush)}.copy-toolbar button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:99px;font:600 .9375rem "DM Sans",sans-serif;padding:10px 22px;min-height:44px;min-width:88px;cursor:pointer}.copy-toolbar button:hover{background:#fff;color:var(--ink)}.copy-toolbar button:focus-visible,.claude-guide a:focus-visible{outline:3px solid var(--hot);outline-offset:4px}.claude-guide pre{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;font:1rem/1.7 "DM Sans",sans-serif;tab-size:2;color:var(--ink);background:#fff}.claude-guide code{font:inherit}.copy-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff!important;padding:12px 20px;border-radius:12px;z-index:100;max-width:calc(100% - 32px)}.copy-status:empty{display:none}@media(max-width:480px){.claude-guide{padding:28px 18px 56px}.claude-guide pre{padding:18px}.guide-section{padding-top:32px}.claude-guide h1{letter-spacing:-.035em}}