.vv-tool{margin:28px 0;padding:clamp(20px,3vw,30px);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;color:var(--text-light);font-family:var(--font-body)}.faq-content .vv-tool h3{margin:0 0 14px;font:700 clamp(21px,2.6vw,27px)/1.35 var(--font-body);color:var(--text-light)}.faq-content .vv-tool h4{margin:22px 0 14px;font:600 17px/1.6 var(--font-body);color:var(--text-light)}.faq-content .vv-tool p{font:400 1rem/1.75 var(--font-body);color:var(--text-light)}.vv-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 26px}.vv-tool button{appearance:none;min-height:52px;padding:14px 18px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);color:var(--text-light);font:600 15px/1.5 var(--font-body);cursor:pointer;white-space:normal;text-align:left}.faq-content .vv-tool button[aria-pressed=true],.vv-tool #vv-reset{background:var(--accent-green);border-color:var(--accent-green);color:#081008!important}body.light-theme .faq-content .vv-tool button[aria-pressed=true],body.light-theme .vv-tool #vv-reset{color:#fff!important}.vv-tool button:focus-visible{outline:3px solid var(--accent-green);outline-offset:4px}.vv-tool button:disabled{opacity:.65;cursor:default}.vv-result{padding:22px;margin:18px 0;border-inline-start:4px solid var(--accent-green);border-radius:12px;background:var(--bg-main);overflow-wrap:anywhere}.faq-content .vv-result h4{margin:0 0 16px;font-size:21px}.faq-content .vv-tool .vv-scope,.faq-content .vv-tool .vv-source,.faq-content .vv-tool .vv-note{font:400 14px/1.7 var(--font-body);color:var(--text-secondary)}.vv-tool #vv-reset{margin:12px 0}.faq-content.oil-guide .oil-guide-steps{list-style:none}.faq-content.oil-guide .oil-guide-steps>li:before{content:none}@media(max-width:700px){.vv-buttons{grid-template-columns:1fr}.vv-result{padding:18px}}
.vv-details{display:grid;gap:14px;margin:22px 0}.vv-details>div{padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.faq-content .vv-tool .vv-details dt{font:600 14px/1.6 var(--font-body);color:var(--text-secondary);margin:0 0 6px}.faq-content .vv-tool .vv-details dd{font:600 17px/1.6 var(--font-body);color:var(--text-light);margin:0;overflow-wrap:anywhere}.faq-content .rack-photo figcaption{margin-top:12px;font:400 14px/1.65 var(--font-body);color:var(--text-secondary)}
.vv-buttons{display:flex;flex-wrap:wrap;gap:10px}.vv-buttons button{font-family:inherit;font-size:16px;line-height:1.45;min-height:48px;text-align:left;white-space:normal;flex:1 1 220px}.vv-result{margin:20px 0;padding:20px;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-main)}#vv-details{margin:0}#vv-details>div{padding:12px 0;border-bottom:1px solid var(--border-color)}#vv-details dt{font-weight:700;margin-bottom:6px}#vv-details dd{margin:0;overflow-wrap:anywhere}.vv-note{color:var(--text-secondary)}#vv-reset{font:inherit;padding:12px 20px;border:1px solid var(--accent-green);border-radius:12px;background:var(--accent-green);color:#08150d;font-weight:700;cursor:pointer}#vv-reset:focus-visible{outline:3px solid var(--text-light);outline-offset:3px}@media(max-width:500px){.vv-buttons button{flex-basis:100%}.vv-result{padding:16px}}