.tool-intro{padding-top:28px;padding-bottom:20px}
.tool-intro .breadcrumb{margin-bottom:22px}
.tool-intro h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;line-height:1.3}
.tool-subtitle{margin-top:16px;color:var(--muted);max-width:780px;line-height:1.9}
.tool-meta{margin-top:18px;font-size:13px;color:#806227;letter-spacing:.01em}
.tool-meta span{white-space:nowrap}
.tool-caption{margin:24px 0 8px;font-size:13px;font-weight:650;color:#555}
.tool-code{margin:0 0 8px;padding:18px 20px;background:#0d1620;color:#d6e2ef;border-radius:4px;overflow-x:auto;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
.tool-code code{color:inherit;background:none;padding:0}
.tool-note{margin-top:18px;padding:16px 20px;border-left:3px solid #d7b86c;background:#f8f8f5;font-size:14px}
.tool-download{margin-top:24px}
.article-body code{background:#f2f1ec;padding:2px 6px;border-radius:3px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#444}
.article-body table code{background:#eceae3;font-size:12.5px;white-space:nowrap}
@media(max-width:720px){
  .tool-intro{padding-top:22px}
  .tool-subtitle{font-size:15px}
  .tool-intro h1{font-size:32px}
  .tool-code{padding:14px 14px;font-size:12px}
  .tool-note{padding:14px 16px}
}