.vhi-tool{box-sizing:border-box;margin:2rem 0;padding:clamp(20px,4vw,32px);border:1px solid var(--accent-green);border-radius:18px;background:var(--bg-secondary);color:var(--text-light);font-family:var(--font-body);min-width:0}.vhi-tool *{box-sizing:border-box}.faq-content.oil-guide .vhi-tool h3{font:700 clamp(20px,2vw,24px)/1.4 var(--font-body)!important;color:var(--text-light)!important;margin:0 0 16px!important;padding:13px 17px!important;background:var(--bg-main);border:1px solid var(--accent-green);border-left:4px solid var(--accent-green);border-radius:10px}.vhi-tool p{line-height:1.65}.vhi-tool fieldset{padding:0;border:0;margin:18px 0;min-width:0}.vhi-tool legend{font:700 16px/1.5 var(--font-body);margin:0 0 12px}.vhi-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vhi-mode,.vhi-check{position:relative;display:block;cursor:pointer}.vhi-mode input,.vhi-check input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;appearance:none}.vhi-mode>span{display:flex;align-items:center;min-height:72px;padding:16px;background:var(--bg-main);color:var(--text-light);border:1px solid var(--accent-green);border-radius:12px;font:700 16px/1.5 var(--font-body)}.vhi-mode input:checked+span{box-shadow:inset 0 0 0 2px var(--accent-green)}.vhi-check{margin:12px 0}.vhi-check>span{display:block;position:relative;min-height:56px;padding:14px 14px 14px 52px;background:var(--bg-main);color:var(--text-light);border:1px solid var(--accent-green);border-radius:10px;font:400 16px/1.6 var(--font-body)}.vhi-check>span:before{content:'';position:absolute;left:14px;top:16px;width:23px;height:23px;border:1px solid var(--accent-green);border-radius:5px;background:var(--bg-secondary)}.vhi-check input:checked+span:before{background:var(--accent-green)}.vhi-check input:checked+span:after{content:'✓';position:absolute;left:18px;top:13px;font:700 22px/1.4 var(--font-body);color:#111}.light-theme .vhi-check input:checked+span:after{color:#fff}.vhi-mode:hover>span,.vhi-check:hover>span{box-shadow:inset 0 0 0 1px var(--text-light)}.vhi-mode input:focus-visible+span,.vhi-check input:focus-visible+span,.vhi-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.vhi-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.vhi-tool button{appearance:none;-webkit-appearance:none;min-height:50px;border:1px solid var(--accent-green);border-radius:10px;padding:12px 18px;font:600 16px/1.5 var(--font-body);background:var(--bg-main);color:var(--text-light);cursor:pointer;filter:none;white-space:normal}.vhi-tool button[type=submit]{background:var(--accent-green);color:#111}.light-theme .vhi-tool button[type=submit]{color:white}.vhi-tool button:hover:not(:disabled){filter:none;box-shadow:0 0 0 1px var(--text-light)}.vhi-tool :disabled{cursor:default}.vhi-result{margin-top:16px;padding:18px;border:1px solid var(--accent-green);border-radius:12px;background:var(--bg-main)}.vhi-result p{margin:0}.vhi-result p+p{margin-top:12px}.vhi-tool .vhi-note{font-size:14px;line-height:1.65}.vhi-tool #vhi-error{padding:14px;border:1px solid var(--text-light);border-radius:10px;background:var(--bg-main);color:var(--text-light)}.vhi-tool [hidden]{display:none!important}.vhi-guide .granta-answer{margin:28px 0}.vhi-guide .granta-answer>h2{scroll-margin-top:80px}.vhi-guide .rack-photo img{display:block;width:100%;max-width:100%;height:auto}body.light-theme .vhi-guide a.faq-xlink,body.light-theme .vhi-guide a.faq-xlink:hover,body.light-theme .vhi-guide a.faq-xlink:focus-visible,body.light-theme .vhi-guide .oil-step-number,body.light-theme .vhi-guide .faq-toc-arrow{color:#006b20!important}body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:white}.vhi-guide .table-wrapper table{min-width:760px;table-layout:auto}.vhi-guide .table-wrapper th,.vhi-guide .table-wrapper td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}@media(max-width:650px){.vhi-modes{grid-template-columns:1fr}.vhi-mode>span{min-height:58px}.vhi-actions{display:grid;grid-template-columns:1fr}.vhi-tool button{width:100%}}
.faq-content.oil-guide .vhi-tool h3{font:700 clamp(23px,3vw,30px)/1.4 var(--font-main)!important;color:var(--accent-green)!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important}.vhi-tool .vhi-note{margin-top:24px!important}.vhi-guide .table-wrapper table{width:100%}
body:not(.light-theme){color-scheme:dark}body.light-theme{color-scheme:light}.vhi-tool p,.vhi-tool label,.vhi-tool legend{color:var(--text-light)}.vhi-tool #vhi-metrics{margin:16px 0 0}.vhi-tool #vhi-metrics>div{padding:14px 0;border-top:1px solid var(--accent-green)}.vhi-tool #vhi-metrics dt{font:700 16px/1.5 var(--font-body);color:var(--text-light)}.vhi-tool #vhi-metrics dd{font:400 16px/1.65 var(--font-body);color:var(--text-light);margin:8px 0 0}.vhi-guide .table-wrapper table{width:100%;min-width:760px}@media(max-width:700px){.vhi-tool .vhi-note{margin-top:20px!important}}

body.light-theme .faq-content.vhi-guide :is(.oil-step-number,.faq-toc-arrow){color:var(--text-light)!important}body.light-theme :is(#articleHeroBtnShare,.faq-toc-more-btn){background:#fff;color:var(--accent-green)}
.vhi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.vhi-fields label{display:grid;align-content:start;gap:12px;font:700 16px/1.5 var(--font-body);min-width:0}.vhi-fields input{appearance:none;-webkit-appearance:none;min-width:0;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--accent-green);border-radius:10px;background:var(--bg-main);color:var(--text-light);font:400 17px/1.5 var(--font-body)}.vhi-fields input:hover{box-shadow:inset 0 0 0 1px var(--text-light)}.vhi-fields input:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.vhi-tool #vhi-help{margin:20px 0;font-size:14px}.vhi-tool #vhi-error{margin:24px 0}.vhi-tool button:disabled{opacity:1;border-style:dashed}.vhi-tool noscript p{margin-top:24px}.vhi-tool :is(dt,dd,p,label,input,legend){color:var(--text-light)}@media(max-width:700px){.vhi-fields{grid-template-columns:1fr}.vhi-tool #vhi-error{margin:20px 0}}@media(forced-colors:active){.vhi-tool input,.vhi-tool button{forced-color-adjust:auto}.vhi-tool :focus-visible{outline:3px solid Highlight}}