.vp-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}.vp-tool *{box-sizing:border-box}.faq-content.oil-guide .vp-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}.vp-tool p{line-height:1.65}.vp-tool fieldset{padding:0;border:0;margin:18px 0;min-width:0}.vp-tool legend{font:700 16px/1.5 var(--font-body);margin:0 0 12px}.vp-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vp-mode,.vp-check{position:relative;display:block;cursor:pointer}.vp-mode input,.vp-check input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;appearance:none}.vp-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)}.vp-mode input:checked+span{box-shadow:inset 0 0 0 2px var(--accent-green)}.vp-check{margin:12px 0}.vp-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)}.vp-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)}.vp-check input:checked+span:before{background:var(--accent-green)}.vp-check input:checked+span:after{content:'✓';position:absolute;left:18px;top:13px;font:700 22px/1.4 var(--font-body);color:#111}.light-theme .vp-check input:checked+span:after{color:#fff}.vp-mode:hover>span,.vp-check:hover>span{box-shadow:inset 0 0 0 1px var(--text-light)}.vp-mode input:focus-visible+span,.vp-check input:focus-visible+span,.vp-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.vp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.vp-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}.vp-tool button[type=submit]{background:var(--accent-green);color:#111}.light-theme .vp-tool button[type=submit]{color:white}.vp-tool button:hover:not(:disabled){filter:none;box-shadow:0 0 0 1px var(--text-light)}.vp-tool :disabled{cursor:default}.vp-result{margin-top:16px;padding:18px;border:1px solid var(--accent-green);border-radius:12px;background:var(--bg-main)}.vp-result p{margin:0}.vp-result p+p{margin-top:12px}.vp-tool .vp-note{font-size:14px;line-height:1.65}.vp-tool #vp-error{padding:14px;border:1px solid var(--text-light);border-radius:10px;background:var(--bg-main);color:var(--text-light)}.vp-tool [hidden]{display:none!important}.vp-guide .granta-answer{margin:28px 0}.vp-guide .granta-answer>h2{scroll-margin-top:80px}.vp-guide .rack-photo img{display:block;width:100%;max-width:100%;height:auto}body.light-theme .vp-guide a.faq-xlink,body.light-theme .vp-guide a.faq-xlink:hover,body.light-theme .vp-guide a.faq-xlink:focus-visible,body.light-theme .vp-guide .oil-step-number,body.light-theme .vp-guide .faq-toc-arrow{color:#006b20!important}body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:white}.vp-guide .table-wrapper table{min-width:720px;table-layout:auto}.vp-guide .table-wrapper th,.vp-guide .table-wrapper td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}@media(max-width:650px){.vp-modes{grid-template-columns:1fr}.vp-mode>span{min-height:58px}.vp-actions{display:grid;grid-template-columns:1fr}.vp-tool button{width:100%}}
.faq-content.oil-guide .vp-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}.vp-tool .vp-note{margin-top:24px!important}.vp-guide .table-wrapper table{width:100%}.vp-tool .vp-result p{overflow-wrap:anywhere}@media(max-width:700px){.vp-tool .vp-note{margin-top:20px!important}}