.cobalt-tool{--cg-accent:#00ed00;--cg-ink:#f4f4f4;--cg-muted:#dddddd;--cg-surface:#1f1f1f;--cg-field:#111;--cg-border:#009500;margin:32px 0;padding:32px;border:1px solid var(--cg-border);border-radius:18px;background:var(--cg-surface);color:var(--cg-ink);color-scheme:dark}
.cobalt-tool h3,.cobalt-tool h4,.cobalt-tool h5{color:var(--cg-ink)}
.cobalt-tool>h3{margin:0 0 20px!important;font-size:1.55rem;line-height:1.35}
.cobalt-tool p{color:var(--cg-muted);line-height:1.65}
.cobalt-tool>p{margin:20px 0!important}
.cobalt-tool form{margin:24px 0 0}
.cg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cg-fields label{display:flex;flex-direction:column;gap:12px;color:var(--cg-ink);font:600 1rem/1.5 var(--font-main,Arial,sans-serif);min-width:0}
.cg-fields input{width:100%;min-width:0;box-sizing:border-box;appearance:none;-webkit-appearance:none;border:1px solid var(--cg-border);border-radius:12px;padding:16px;color:var(--cg-ink);background:var(--cg-field);font:600 1rem/1.5 var(--font-main,Arial,sans-serif);box-shadow:none}
.cg-fields input[aria-invalid=true]{border:2px solid var(--cg-ink);padding:15px}
.cg-fields input:hover{border-color:var(--cg-accent)}
#cg-bounds{margin:24px 0!important}
.cg-fields input:focus-visible,.cg-actions button:focus-visible{outline:3px solid var(--cg-accent);outline-offset:4px}
.cg-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}
.cg-actions button{appearance:none;-webkit-appearance:none;border:1px solid var(--cg-accent);border-radius:12px;min-height:50px;padding:13px 20px;background:var(--cg-accent);color:#080808;font:700 1rem/1.4 var(--font-main,Arial,sans-serif);cursor:pointer}
.cg-actions button[type=button]{background:var(--cg-field);color:var(--cg-ink)}
.cg-actions button:hover{background:#bcffbc;color:#080808}
.cg-actions button:active{background:#dbffdb;color:#080808}
.cg-actions button:disabled,.cg-fields input:disabled{opacity:.65;cursor:not-allowed}
.cobalt-tool .cg-status{margin:24px 0!important;padding:20px;border:1px solid var(--cg-border);border-radius:12px;background:var(--cg-field);color:var(--cg-ink)}
.cg-result{margin:24px 0 0;padding:24px;border:1px solid var(--cg-border);border-radius:14px;background:var(--cg-field);color:var(--cg-ink)}
.cg-result h4{margin:0 0 20px;font-size:1.2rem;line-height:1.4}
.cg-cars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cg-car{min-width:0}
.cg-car h5{margin:0 0 16px;font-size:1.15rem}
.cg-car dl{margin:0;color:var(--cg-ink)}
.cg-car dl>div+div{margin-top:18px}
.cg-car dt{color:var(--cg-muted);line-height:1.5}
.cg-car dd{margin:8px 0 0;font-size:1.6rem;font-weight:700;color:var(--cg-accent);overflow-wrap:anywhere}
.cobalt-tool .cg-verdict{margin:20px 0 0!important;color:var(--cg-ink);font-weight:600}
.cobalt-tool .cg-note{margin:24px 0 0!important;color:var(--cg-muted)}
.cobalt-tool [hidden]{display:none!important}
html[data-theme=light] .cobalt-tool,html.light-theme .cobalt-tool,body.light-theme .cobalt-tool{--cg-accent:#006b22;--cg-ink:#17221c;--cg-muted:#36493b;--cg-surface:#f4f7f2;--cg-field:#fff;--cg-border:#72927a;color-scheme:light}
html[data-theme=light] .cg-actions button[type=submit],html.light-theme .cg-actions button[type=submit],body.light-theme .cg-actions button[type=submit]{color:#fff}
html[data-theme=light] .cg-actions button:hover,html.light-theme .cg-actions button:hover,body.light-theme .cg-actions button:hover{background:#d4f3d7;color:#17221c}
html[data-theme=light] .cg-actions button:active,html.light-theme .cg-actions button:active,body.light-theme .cg-actions button:active{background:#bce7c2;color:#17221c}
@media(max-width:700px){.cobalt-tool{padding:20px;margin:24px 0;border-radius:15px}.cg-fields,.cg-cars{grid-template-columns:1fr;gap:20px}.cg-result{padding:20px}.cg-car+.cg-car{border-top:1px solid var(--cg-border);padding-top:20px}.cobalt-tool .cg-note{margin-top:20px!important}.cg-fields label{font-size:.97rem}.cg-actions button{padding:13px 16px}.cobalt-tool>h3{font-size:1.35rem}}
@media(forced-colors:active){.cobalt-tool,.cg-fields input,.cg-result,.cg-status{border-color:CanvasText}.cg-actions button{border-color:ButtonText}}
/* Final semantic roles after the common article styles. */
body .cobalt-guide .cobalt-tool h3,body .cobalt-guide .cobalt-tool h4,body .cobalt-guide .cobalt-tool h5,body .cobalt-guide .cobalt-tool label{color:var(--cg-ink)!important}
body.light-theme .cobalt-guide a.faq-xlink,body.light-theme .cobalt-guide a.faq-xlink:visited{color:#006722!important}
body.light-theme .cobalt-guide a.faq-xlink:hover,body.light-theme .cobalt-guide a.faq-xlink:focus-visible,body.light-theme .cobalt-guide a.faq-xlink:active{color:#004e1b!important}
body.light-theme .cobalt-guide .faq-toc-arrow,body.light-theme .cobalt-guide .faq-toc-more-btn,body.light-theme .cobalt-guide .oil-step-number{color:#006722!important}
body.light-theme .cobalt-guide .faq-toc-more-btn:hover,body.light-theme .cobalt-guide .faq-toc-more-btn:focus-visible,body.light-theme .cobalt-guide .faq-toc-more-btn:active{color:#004e1b!important}
@media(max-width:600px){.cobalt-guide .granta-table-scroll table{min-width:640px}.cobalt-guide .granta-table-scroll th,.cobalt-guide .granta-table-scroll td{padding:12px 14px}}