.vtl-model{margin:2.5rem 0;padding:clamp(20px,4vw,38px);background:var(--bg-secondary);border:1px solid var(--accent-green);border-radius:22px;color:var(--text-light);font-family:var(--font-body);box-shadow:0 14px 40px rgba(0,0,0,.1)}.vtl-model *{box-sizing:border-box}.vtl-model h2{margin-top:0!important}.vtl-intro{font-size:1.05rem}.vtl-controls{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px 0}.vtl-field{min-width:0}.vtl-field label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:700;margin-bottom:16px}.vtl-field output{color:var(--text-light);font-weight:800}.vtl-field small{display:block;margin-top:10px;color:var(--text-light);font-size:.92rem;line-height:1.6}
.vtl-field input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:26px;padding:0;background:transparent;cursor:pointer}.vtl-field input::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:var(--text-light)}.vtl-field input::-moz-range-track{height:8px;border-radius:8px;background:var(--text-light)}.vtl-field input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-green);border:3px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--text-light);margin-top:-8px}.vtl-field input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-green);border:3px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--text-light)}.vtl-field input:focus-visible,.vtl-model button:focus-visible{outline:3px solid var(--accent-green);outline-offset:5px}.vtl-field input:disabled{opacity:.55;cursor:default}
.vtl-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vtl-results>div{display:grid;gap:10px;background:var(--bg-main);padding:22px;border-radius:14px;border-left:4px solid var(--accent-green);min-width:0}.vtl-results span{color:var(--text-light);font-size:.98rem}.vtl-results strong{font-size:clamp(1.5rem,3vw,2rem);color:var(--text-light)!important;overflow-wrap:anywhere}.vtl-comparison{margin:26px 0;padding:22px;background:var(--bg-main);border-radius:14px}.vtl-comparison-title{margin:0 0 20px!important;font-weight:700}.vtl-bar-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;margin:16px 0}.vtl-bar-row>span{line-height:1.5;color:var(--text-light);font-weight:600}.vtl-track{height:16px;border:1px solid var(--text-light);border-radius:9px;overflow:hidden;background:var(--bg-secondary)}.vtl-track>span{display:block;height:100%;background:var(--accent-green);border-radius:9px}#vtl-base-bar{width:25%}#vtl-double-bar{width:100%}.vtl-hint,.vtl-formula,.vtl-note{color:var(--text-light)!important;font-size:.94rem!important;line-height:1.65!important}.vtl-note{padding-top:20px;margin-top:24px!important;border-top:1px solid var(--text-light)}#vtl-status{line-height:1.65;min-height:60px}.vtl-model button{appearance:none;-webkit-appearance:none;min-height:48px;border:1px solid var(--accent-green);border-radius:12px;padding:12px 22px;background:var(--accent-green);color:#142619;font:700 1rem var(--font-body);cursor:pointer}.light-theme .vtl-model button{color:#fff}.vtl-model button:disabled{opacity:.6;cursor:default}.oil-guide-steps h3,.oil-guide-steps strong,.granta-answer strong,.oil-guide-steps p{color:var(--text-light)!important}
@media(max-width:600px){.vtl-controls,.vtl-results{grid-template-columns:1fr}.vtl-model{border-radius:16px}.vtl-bar-row{grid-template-columns:1fr;gap:8px}.vtl-comparison{padding:16px}.vtl-model button{width:100%}.vtl-results>div{padding:18px}}

body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:#fff}

@media(max-width:600px){.faq-content table.vtl-wrap-table th,.faq-content table.vtl-wrap-table td{hyphens:manual;-webkit-hyphens:manual}}