.tool-guide { margin-top: 24px; padding: 22px 26px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.tool-guide h2 { margin: 0 0 8px; font-size: 1.2rem; }
.tool-guide h3 { margin: 0 0 8px; font-size: 1rem; }
.tool-guide p { margin: 8px 0; }
.tool-guide a { color: #185c37; text-underline-offset: 3px; }
.tool-guide-intro { color: #475569; font-size: .9rem; }
.tool-guide-grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(360px, 1.2fr); gap: 28px; margin-top: 20px; align-items: start; }
.tool-guide pre { overflow-x: auto; margin: 10px 0; padding: 12px 16px; border: 1px solid #dce6df; border-radius: 8px; background: #f7faf8; font: .82rem/1.6 ui-monospace, Consolas, monospace; }
.tool-guide figure { margin: 0; }
.tool-guide img { display: block; width: 100%; max-width: 740px; height: auto; margin: 0 auto; }
.tool-guide figcaption { margin: 8px 0 16px; color: #475569; font-size: .84rem; }
.tool-guide ol { margin: 8px 0; padding-left: 1.6em; font-size: .9rem; }
.tool-guide li { padding: 0 0 10px 4px; }
.tool-guide li strong { color: #185c37; }
.tool-guide-note { padding: 12px 16px; border-left: 3px solid #90bba2; background: #f3f8f5; font-size: .86rem; }
.tool-guide-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 16px; font-size: .9rem; }
@media (max-width: 800px) { .tool-guide-grid { grid-template-columns: 1fr; } }