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

/* Final theme roles, after page styles. No text-fill reset. */
body:has(.vgsi-guide){color-scheme:dark}body.light-theme:has(.vgsi-guide){color-scheme:light}.vgsi-guide p,.vgsi-tool legend,.vgsi-tool dt,.vgsi-tool dd{color:var(--text-light)}.vgsi-guide a.faq-xlink:link,.vgsi-guide a.faq-xlink:visited,.vgsi-guide a.faq-xlink:hover,.vgsi-guide a.faq-xlink:focus-visible,.vgsi-guide a.faq-xlink:active{color:var(--accent-green)}body.light-theme .vgsi-guide a.faq-xlink:visited,body.light-theme .vgsi-guide a.faq-xlink:active{color:#006b20!important}.vgsi-mode:active>span{color:var(--text-light)}.vgsi-tool button[type=submit]:active,.vgsi-tool button[type=submit]:focus-visible{color:#111}body.light-theme .vgsi-tool button[type=submit]:active,body.light-theme .vgsi-tool button[type=submit]:focus-visible{color:white}@media(forced-colors:active){.vgsi-mode input:checked+span{outline:2px solid Highlight}.vgsi-guide a.faq-xlink{forced-color-adjust:auto}.vgsi-tool button{forced-color-adjust:auto}}

.vgsi-tool fieldset+fieldset{margin-top:24px}.vgsi-tool #vgsi-values p+p{margin-top:16px}.vgsi-tool #vgsi-values p:last-child{margin-bottom:0}