:root{--claude-background:#2e2e2e;--claude-surface:#383838;--claude-primary:#5436da;--claude-primary-light:#8a7cdd;--claude-text:#e6e6e6;--claude-text-secondary:#b0b0b0;--claude-border:#484848;--claude-code-bg:#242424;--claude-code-text:#a9c5de;--claude-shadow:rgba(0,0,0,.2)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--claude-text);background:var(--claude-background)}.claude-container{display:flex;flex-direction:column;min-height:100vh}.claude-header{display:flex;align-items:center;padding:14px 20px;height:60px;background-color:#222;box-shadow:0 1px 2px rgba(0,0,0,.1)}.logo{font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:var(--claude-text);letter-spacing:-.5px;text-decoration:none;padding-left:10px}.article-container{max-width:800px;width:100%;margin:0 auto;padding:40px 20px 80px;background-color:var(--claude-background)}.article-container h1{font-size:2.5rem;font-weight:700;color:var(--claude-text);margin-bottom:1.5rem;line-height:1.3}.article-content{font-size:1.1rem;line-height:1.7;color:var(--claude-text)}.article-content h2,.article-content p{margin-bottom:1.2rem;color:var(--claude-text)}.article-content h2{font-size:1.75rem;font-weight:600;margin-top:2.5rem}.article-content h3{font-size:1.35rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:var(--claude-text)}.article-content ol,.article-content ul{margin-bottom:1.2rem;padding-left:1.5rem;color:var(--claude-text)}.article-content li{margin-bottom:.5rem}.article-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background-color:var(--claude-code-bg);color:var(--claude-code-text);padding:.1rem .3rem;border-radius:3px;font-size:.9em}.code-block{margin:1.5rem 0;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px var(--claude-shadow)}.code-block pre{margin:0;padding:1rem;overflow-x:auto;background-color:var(--claude-code-bg)}.code-block code{background:none;padding:0;font-size:.9rem;line-height:1.5;color:var(--claude-code-text);display:block;width:100%}.claude-footer{margin-top:auto;padding:20px;background-color:#222;color:var(--claude-text-secondary);text-align:center}.footer-content{max-width:800px;margin:0 auto}@media (max-width:768px){.article-container h1{font-size:2rem}.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.code-block code{font-size:.8rem}}