.tool-article{--tool-max-width:860px;--tool-bg:#0a0a0a;--tool-surface:#0d1117;--tool-elevated:#161b22;--tool-border:#30363d;--tool-blue:#0f62fe;--tool-blue-light:#58a6ff;--tool-teal:#00d4aa;--tool-red:#f85149;--tool-text-primary:#f0f6fc;--tool-text-secondary:#8b949e;--tool-font-body:"IBM Plex Sans",-apple-system,sans-serif;--tool-font-mono:"JetBrains Mono","IBM Plex Mono",monospace;background:var(--tool-bg);color:var(--tool-text-primary)}.tool-header{border-bottom:1px solid var(--tool-border);background:linear-gradient(160deg,#0d1117 0%,#0a0a0a 40%,#0d1a2e 100%);padding:48px 0 40px;position:relative;overflow:hidden}.tool-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f62fe1f 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-80px;right:-80px}.tool-header-inner{max-width:var(--tool-max-width);margin:0 auto;padding:0 24px}.tool-back-link{color:var(--tool-text-secondary);font-size:13px;font-family:var(--tool-font-mono);align-items:center;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .15s;display:inline-flex}.tool-back-link:hover{color:var(--tool-blue-light)}.tool-title{font-family:var(--tool-font-body);color:var(--tool-text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.2}.tool-description{color:var(--tool-text-secondary);max-width:640px;margin:0;font-size:17px;line-height:1.6}.tool-content-wrapper{background:var(--tool-bg);padding:40px 0 80px}.tool-content{max-width:var(--tool-max-width);font-family:var(--tool-font-body);color:var(--tool-text-secondary);margin:0 auto;padding:0 24px;font-size:16px;line-height:1.7}.tool-content h1{display:none}.tool-content h2{font-family:var(--tool-font-body);color:var(--tool-text-primary);letter-spacing:-.01em;margin:40px 0 12px;font-size:20px;font-weight:600;line-height:1.3}.tool-content h2:first-child{margin-top:0}.tool-content h3{font-family:var(--tool-font-body);color:var(--tool-text-primary);margin:28px 0 8px;font-size:16px;font-weight:600;line-height:1.4}.tool-content p{margin:0 0 16px}.tool-content p:last-child{margin-bottom:0}.tool-content ul,.tool-content ol{margin:0 0 16px;padding-left:20px}.tool-content li{margin-bottom:6px;line-height:1.6}.tool-content li::marker{color:var(--tool-blue)}.tool-content a{color:var(--tool-blue-light);text-decoration:none;transition:color .15s}.tool-content a:hover{color:var(--tool-text-primary);text-decoration:underline}.tool-content code{font-family:var(--tool-font-mono);background:var(--tool-elevated);border:1px solid var(--tool-border);color:var(--tool-teal);border-radius:3px;padding:2px 6px;font-size:.875em}.tool-content pre{background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:8px;margin:20px 0;padding:20px 24px;position:relative;overflow-x:auto}.tool-content pre:before{content:"● ● ●";letter-spacing:4px;color:#484f58;margin-bottom:12px;font-size:8px;display:block}.tool-content pre code{color:#c9d1d9;background:0 0;border:none;padding:0;font-size:13px;line-height:1.6}.tool-content table{border-collapse:collapse;background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:8px;width:100%;margin:20px 0;font-size:14px;overflow:hidden}.tool-content th{text-align:left;font-family:var(--tool-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--tool-text-secondary);background:var(--tool-elevated);border-bottom:1px solid var(--tool-border);padding:12px 16px;font-size:11px;font-weight:500}.tool-content td{border-bottom:1px solid var(--tool-border);color:var(--tool-text-secondary);vertical-align:top;padding:12px 16px}.tool-content tr:last-child td{border-bottom:none}.tool-content td:first-child{color:var(--tool-text-primary);font-weight:500}.tool-content tbody tr:hover{background:var(--tool-elevated)}.tool-content blockquote{border-left:3px solid var(--tool-blue);background:var(--tool-surface);color:var(--tool-text-secondary);border-radius:0 6px 6px 0;margin:20px 0;padding:16px 20px;font-size:15px}.tool-content blockquote p{margin:0}.tool-content strong{color:var(--tool-text-primary);font-weight:600}.tool-content img{border-radius:8px;width:100%;height:auto;margin:24px 0;display:block}.tool-content figure{margin:24px 0}.tool-content figcaption{color:var(--tool-text-secondary);text-align:center;font-size:13px;font-family:var(--tool-font-mono);margin-top:10px}.tool-content hr{background:var(--tool-border);border:none;height:1px;margin:32px 0}.tool-cta{background:var(--tool-surface);border-top:1px solid var(--tool-border);padding:48px 0}.tool-cta-inner{text-align:center;max-width:520px;margin:0 auto;padding:0 24px}.tool-cta h3{font-family:var(--tool-font-body);color:var(--tool-text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:600}.tool-cta p{color:var(--tool-text-secondary);margin:0 0 24px;font-size:15px;line-height:1.6}@media (max-width:768px){.tool-header{padding:32px 0 24px}.tool-title{font-size:26px}.tool-content-wrapper{padding:28px 0 60px}.tool-content{font-size:15px}.tool-content h2{margin:32px 0 10px;font-size:18px}.tool-content pre{border-left:none;border-right:none;border-radius:0;margin-left:-24px;margin-right:-24px}}