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

.vew-fields{grid-template-columns:1fr}