.vbp-tool{font-family:var(--font-body);color:var(--text-light)}.vbp-tool svg{display:block;width:min(100%,620px);height:auto;margin:12px auto;color:var(--text-light)}.vbp-tool .vbp-connection,.vbp-tool .vbp-wire{fill:none;stroke:currentColor;stroke-width:3}.vbp-tool .vbp-part{fill:var(--bg-main);stroke:var(--accent-green);stroke-width:3;fill-rule:evenodd}.vbp-tool .vbp-dot{fill:var(--text-light)}.vbp-tool svg text{fill:var(--text-light);font:700 20px var(--font-body);text-anchor:middle}.vbp-tool [data-vbp-drawing][data-active=true] .vbp-part{fill:var(--accent-green)}.vbp-tool [data-vbp-drawing][data-active=true] text{fill:#000}.light-theme .vbp-tool [data-vbp-drawing][data-active=true] text{fill:#fff}.vbp-tool [data-vbp-drawing=cable][data-active=true] text{fill:var(--text-light)}.vbp-tool .vbp-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.vbp-tool button{appearance:none;border:1px solid var(--accent-green);border-radius:12px;padding:13px 16px;background:var(--bg-main);color:var(--text-light);font:600 16px/1.4 var(--font-body);cursor:pointer;min-height:48px;overflow-wrap:normal;word-break:normal;white-space:normal}.vbp-tool button[aria-pressed=true]{background:var(--accent-green);color:#000}.light-theme .vbp-tool button[aria-pressed=true]{color:#fff}.vbp-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.vbp-tool button:disabled{cursor:default}.vbp-tool button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent-green)}.vbp-tool .vbp-result{background:var(--bg-main);border:1px solid var(--accent-green);border-radius:14px;padding:18px;margin:14px 0}.vbp-tool .vbp-result>p,.vbp-tool [data-vbp-detail]>p{margin:0 0 12px}.vbp-tool .vbp-result>p:last-child,.vbp-tool [data-vbp-detail]>p:last-child{margin-bottom:0}.vbp-tool h4{font:700 21px/1.35 var(--font-body);color:var(--text-light);margin:0 0 12px}.vbp-tool .vbp-number{display:grid;gap:5px}.vbp-tool .vbp-number span,.vbp-tool .vbp-source,.vbp-tool .vbp-note{font-size:14px;line-height:1.6}.vbp-tool .vbp-number strong{font:700 19px/1.4 var(--font-body);color:var(--text-light);overflow-wrap:anywhere}.vbp-tool .vbp-reset{margin-top:0}.vbp-tool [hidden]{display:none!important}.light-theme .oil-guide-callout.is-warning>strong{color:var(--text-light)}@media(max-width:600px){.vbp-tool .vbp-choices{grid-template-columns:1fr}.vbp-tool .vbp-result{padding:14px}.vbp-tool button{width:100%}.vbp-tool h4{font-size:19px}}
body.light-theme .faq-content.oil-guide .oil-step-number,body.light-theme .faq-content.oil-guide .faq-toc-arrow,body.light-theme .faq-content.oil-guide .oil-guide-summary strong,body.light-theme .faq-content.oil-guide .oil-guide-callout strong{color:var(--text-light)!important}body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:#fff}.faq-content.oil-guide .vbp-tool h3{color:var(--text-light)!important}

.faq-content.oil-guide .vbp-tool .vbp-number strong{color:var(--text-light)!important}

.light-theme .vbp-tool [data-vbp-drawing=cable][data-active=true] text{fill:var(--text-light)}

.vbp-tool{background:var(--bg-secondary);border:1px solid var(--accent-green);border-radius:18px}.faq-content.oil-guide .vbp-tool h3{font:700 clamp(20px,2vw,24px)/1.35 var(--font-body)!important;margin:0 0 16px!important;padding:13px 17px!important;min-height:0!important;background:var(--bg-main);border:1px solid var(--accent-green);border-left:4px solid var(--accent-green);border-radius:10px}