body{color-scheme:dark}body.light-theme{color-scheme:light}
.cruze-comparison-guide{--vc-accent:var(--accent-green,#00ff00)}body.light-theme .cruze-comparison-guide{--vc-accent:#125c2a}
.cruze-comparison-guide .rack-photo{margin:28px 0}.cruze-comparison-guide .rack-photo img{display:block;width:100%;height:auto;border-radius:14px}
.cruze-comparison-guide .granta-table-scroll table{width:100%;min-width:660px}.cruze-comparison-guide .granta-table-caption-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cruze-comparison-guide :is(p,li,th,td,h3,h4,strong,dt,dd,label,caption){color:var(--text-light)!important}.cruze-comparison-guide a:is(:link,:visited,:hover,:focus-visible,:active){color:var(--text-light)!important;text-decoration:underline;text-decoration-color:var(--vc-accent);text-underline-offset:.18em}.cruze-comparison-guide a:hover{text-decoration-thickness:3px}.cruze-comparison-guide a:focus-visible{outline:3px solid var(--vc-accent);outline-offset:3px}
.cruze-comparison-guide .granta-table-scroll :is(table,thead,tbody,tr,th,td){transition-property:border-color,box-shadow!important}.cruze-comparison-guide .granta-table-scroll thead th{background:var(--bg-secondary)!important}.cruze-comparison-guide .granta-table-scroll tbody tr{background:var(--bg-main)!important}.cruze-comparison-guide .granta-table-scroll tbody tr:nth-child(even){background:var(--bg-secondary)!important}
.vc-tool{margin:28px 0;padding:28px;border:1px solid var(--vc-accent);border-radius:16px;background:var(--bg-secondary);color:var(--text-light)}.vc-tool h3{margin:0 0 18px!important}.vc-tool p{line-height:1.75}.vc-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.vc-fields label{display:block;font-weight:700;line-height:1.5}
.vc-fields select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:52px;box-sizing:border-box;margin-top:10px;padding:14px 38px 14px 16px;font:inherit;border:1px solid var(--vc-accent);border-radius:12px;background-color:var(--bg-main);color:var(--text-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='m3 4 5 5 5-5' fill='none' stroke='%2300cc44' stroke-width='2'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat}.vc-fields option{background:var(--bg-main);color:var(--text-light)}.vc-fields select[aria-invalid=true]{outline:2px solid #e05252;outline-offset:2px}
.vc-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.vc-actions button{appearance:none;min-height:48px;padding:13px 20px;border:1px solid var(--vc-accent);border-radius:12px;font:inherit;font-weight:700;background:var(--bg-main);color:var(--text-light);cursor:pointer}.vc-tool #vc-show{background:var(--vc-accent);color:#111}.vc-tool :is(select,button):is(:hover,:focus-visible,:active){border-color:var(--vc-accent);box-shadow:0 0 0 1px var(--vc-accent)}.vc-tool :is(select,button):focus-visible{outline:3px solid var(--vc-accent);outline-offset:4px}.vc-tool :is(select,button):disabled{color:var(--text-light)!important;background-color:var(--bg-main)!important;border-style:dashed;cursor:not-allowed;box-shadow:none}
.vc-tool #vc-status{margin:20px 0;padding:16px;border:1px solid var(--vc-accent);border-radius:12px;background:var(--bg-main)}.vc-tool #vc-result{margin-top:24px;padding:22px;border:1px solid var(--vc-accent);border-radius:14px;background:var(--bg-main)}.vc-tool #vc-result[hidden]{display:none!important}.vc-tool #vc-result h4{margin:0 0 18px}.vc-output{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vc-engine{min-width:0;padding:18px;border:1px solid var(--vc-accent);border-radius:12px;background:var(--bg-secondary)}.vc-engine h4{line-height:1.5}.vc-engine dl{margin:0}.vc-engine dt{font-weight:700;margin:16px 0 6px}.vc-engine dd{margin:0;line-height:1.6}.vc-tool .vc-note{margin:24px 0 0!important;line-height:1.75}
#faqInlineToc a .faq-toc-text,#faqInlineToc a:is(:link,:visited,:hover,:focus-visible,:active) .faq-toc-text{color:var(--text-light)!important}.cruze-comparison-guide .oil-step-number{color:var(--text-light)!important}body.light-theme .vc-tool #vc-show:not(:disabled){color:#fff!important}
body.light-theme #articleHeroBtnShare,body.light-theme #articleHeroBtnShare:is(:hover,:focus-visible,:active),body.light-theme #faqInlineToc .faq-toc-more-btn,body.light-theme #faqInlineToc .faq-toc-more-btn:is(:hover,:focus-visible,:active){color:#125c2a!important;background-color:var(--bg-main)!important}body.light-theme #articleHeroBtnShare:focus-visible,body.light-theme #faqInlineToc .faq-toc-more-btn:focus-visible{outline:3px solid #125c2a;outline-offset:4px}
@media(max-width:640px){.vc-tool{padding:20px}.vc-fields,.vc-output{grid-template-columns:1fr}.vc-actions{flex-direction:column}.vc-actions button{width:100%}.vc-tool #vc-result{padding:18px}}
@media(forced-colors:active){.vc-tool,.vc-engine{border-color:CanvasText}.vc-tool :is(select,button),.vc-tool #vc-show,body.light-theme .vc-tool #vc-show,.vc-tool :is(select,button):disabled{background:Canvas!important;color:CanvasText!important;forced-color-adjust:auto}.vc-tool :is(select,button):focus-visible{outline-color:Highlight}.cruze-comparison-guide a:any-link{color:LinkText!important}body.light-theme #articleHeroBtnShare,body.light-theme #faqInlineToc .faq-toc-more-btn{background:Canvas!important;color:ButtonText!important;forced-color-adjust:auto}}