.vgj-tool{font-family:var(--font-body);background:var(--bg-secondary);color:var(--text-light);border:1px solid var(--accent-green);border-radius:18px}.faq-content.oil-guide .vgj-tool h3{font:700 clamp(20px,2vw,24px)/1.35 var(--font-body)!important;color:var(--text-light)!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}.vgj-tool p{line-height:1.65}.vgj-tool label{display:block;margin:16px 0 10px;font:700 16px/1.5 var(--font-body)}.vgj-tool input{appearance:none;box-sizing:border-box;width:100%;max-width:360px;min-height:52px;border:1px solid var(--accent-green);border-radius:10px;background:var(--bg-main);color:var(--text-light);padding:12px 14px;font:400 18px/1.5 var(--font-body)}.vgj-tool input[aria-invalid=true]{border:2px solid var(--text-light)}.vgj-tool button{appearance:none;min-height:50px;padding:12px 16px;border:1px solid var(--accent-green);border-radius:10px;background:var(--bg-main);color:var(--text-light);font:600 16px/1.5 var(--font-body);cursor:pointer;white-space:normal;word-break:normal;overflow-wrap:normal}.vgj-tool button:disabled{cursor:default}.vgj-tool button:hover:not(:disabled){outline:1px solid var(--text-light);outline-offset:1px}.vgj-tool button:focus-visible,.vgj-tool input:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.vgj-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.vgj-tool .vgj-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 0}.vgj-bands>div{padding:16px;background:var(--bg-main);border:1px solid var(--accent-green);border-radius:12px}.vgj-bands [data-active=true]{box-shadow:inset 0 0 0 2px var(--accent-green)}.vgj-tool dt{font:700 17px/1.5 var(--font-body)}.vgj-tool dd{margin:8px 0 0;font:400 16px/1.6 var(--font-body)}.vgj-result{padding:18px;background:var(--bg-main);border:1px solid var(--accent-green);border-radius:12px;margin-top:18px}.vgj-tool .vgj-result p{margin:0}.vgj-tool .vgj-result p+p{margin-top:12px}.vgj-tool [data-vgj-output=title]{font-weight:700}.vgj-tool #vgj-error{padding:14px;margin-top:16px;border:1px solid var(--text-light);border-radius:10px;color:var(--text-light);background:var(--bg-main)}.vgj-tool .vgj-note{font-size:14px;line-height:1.6}.vgj-tool [hidden]{display:none!important}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{color:var(--text-light)!important}body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:#fff}body.light-theme .faq-content.generator-check-guide p strong,body.light-theme .faq-content.generator-check-guide a{color:var(--text-light)!important}body.light-theme .faq-content.generator-check-guide a{text-decoration:underline;text-underline-offset:.16em}@media(max-width:550px){.vgj-tool .vgj-bands{grid-template-columns:1fr}.vgj-actions{display:grid;grid-template-columns:1fr}}
.vgj-tool .vgj-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.vgj-tool .vgj-points>div{padding:12px;border:1px solid var(--accent-green);border-radius:10px}.vgj-tool .vgj-points dt{font-size:15px}.vgj-tool .vgj-points dd{font-size:19px;font-weight:700;margin:8px 0 0}.vgj-tool #vgj-limits{margin-top:12px}.vgj-tool [data-vgj-output=summary]{font-weight:700}@media(max-width:800px){.vgj-tool .vgj-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.light-theme .faq-content.generator-check-guide .oil-guide-callout strong{color:var(--text-light)!important}
.vgj-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vgj-tool input{max-width:none}.vgj-tool .vgj-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}.vgj-tool .vgj-values>div{padding:12px;border:1px solid var(--accent-green);border-radius:10px}.vgj-tool .vgj-values dt{font-size:15px}.vgj-tool .vgj-values dd{font-size:20px;font-weight:700}.generator-check-guide .granta-answer{margin:28px 0}.generator-check-guide .granta-answer>h2{scroll-margin-top:80px}@media(max-width:650px){.vgj-fields,.vgj-tool .vgj-values{grid-template-columns:1fr}}