.vct-tool{margin:40px 0;padding:clamp(20px,3vw,38px);border:1px solid var(--accent-green);border-radius:24px;background:var(--bg-secondary);color:var(--text-light);font-family:var(--font-body)}.vct-tool *{box-sizing:border-box;min-width:0}.vct-tool p{color:var(--text-light);line-height:1.8}.vct-trays{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.vct-tray{margin:0;padding:22px;border:1px solid color-mix(in srgb,var(--text-light) 25%,transparent);border-radius:20px;background:var(--bg-main)}.vct-tray legend{padding:0 8px;font-weight:600;color:var(--text-light)}.vct-tray>p{margin:0 0 20px}.vct-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vct-tool button{appearance:none;font:600 1rem/1.5 var(--font-body);border:1px solid var(--accent-green);border-radius:15px;cursor:pointer;min-height:48px;white-space:normal}.vct-tool .vct-slot{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg-secondary);color:var(--text-light);text-align:center;gap:8px}.vct-slot svg{display:block;width:82px;height:82px;flex-shrink:0;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18))}.vct-slot circle{fill:var(--bg-main);stroke:currentColor;stroke-width:2}.vct-slot path{fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.vct-slot small{font-size:.85rem;line-height:1.5;min-height:3em;font-weight:500}.vct-tool .vct-slot.is-marked{background:var(--accent-green);color:#07100a;box-shadow:inset 0 0 0 2px var(--accent-green)}.vct-slot.is-marked circle{fill:transparent}.vct-tool .vct-group-count{margin:18px 0 0;font-weight:600}.vct-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:25px 0}.vct-tool #vct-total{font-weight:600;margin:0}.vct-tool #vct-reset{padding:14px 22px;background:var(--accent-green);color:#07100a}.vct-tool button:disabled{cursor:default;opacity:.65}.vct-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:5px}.vct-tool .vct-hint{font-size:.9rem}.light-theme .vct-tool .vct-slot.is-marked,.light-theme .vct-tool #vct-reset{color:#fff}.faq-content.oil-guide .oil-guide-steps h3{color:var(--text-light)!important}.faq-content.oil-guide .rack-photo img{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:800px){.vct-trays{grid-template-columns:1fr}.vct-tray{padding:20px}.vct-slots{gap:16px}.vct-tool{border-radius:20px}}
@media(max-width:420px){.vct-tray{padding:16px 12px}.vct-slots{gap:10px}.vct-tool .vct-slot{padding:12px 8px}.vct-slot svg{width:70px;height:70px}.vct-footer{display:block}.vct-tool #vct-reset{width:100%;margin-top:18px}.vct-tray legend{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.vct-tool *{transition:none!important;animation:none!important}}

.faq-content.oil-guide .oil-guide-next>a{color:#07100a!important}.light-theme .faq-content.oil-guide .oil-guide-next>a{color:#fff!important}.faq-content.oil-guide .oil-guide-steps p{color:var(--text-light)!important}

body.light-theme #articleHeroBtnShare{background:#fff}
@media(max-width:420px){.faq-content.oil-guide #scope~.table-wrapper table :is(th,td),.faq-content.oil-guide #check~.table-wrapper table :is(th,td){padding-left:2px;padding-right:2px}}
body.light-theme .faq-content.oil-guide #prepare~.oil-guide-callout strong{color:var(--text-light)!important}

body.light-theme .faq-content.oil-guide .oil-step-number,body.light-theme .faq-content.oil-guide .faq-toc-arrow,body.light-theme .faq-content.oil-guide a.faq-xlink{color:var(--text-light)!important}
body.light-theme .faq-content.oil-guide a.faq-xlink{text-decoration:underline;text-underline-offset:.16em}
body.light-theme .faq-content.oil-guide .oil-guide-summary strong{color:var(--text-light)!important}