body{color-scheme:dark}body.light-theme{color-scheme:light}.crunch-guide :is(.granta-answer p,.granta-answer li,.granta-answer th,.granta-answer td,.granta-answer h3,.granta-answer strong,.oil-step-number,.rack-source-row dt,.rack-source-row dd){color:var(--text-light)!important}.crunch-guide a.faq-xlink:is(:link,:visited,:hover,:focus-visible,:active){color:var(--text-light)!important;text-decoration:underline;text-underline-offset:.18em;text-decoration-color:var(--accent-green)}.crunch-guide a.faq-xlink:hover{text-decoration-thickness:3px}.crunch-guide a.faq-xlink:focus-visible{outline:3px solid var(--text-light);outline-offset:3px}#articleHeroBtnShare,#articleHeroBtnShare:is(:hover,:focus-visible,:active),.faq-toc-more-btn,.faq-toc-more-btn:is(:hover,:focus-visible,:active){color:var(--text-light)!important;background:var(--bg-main)!important}#articleHeroBtnShare:focus-visible,.faq-toc-more-btn:focus-visible{outline-color:var(--text-light)!important}.faq-toc-arrow{color:var(--text-light)!important}#faqInlineToc a[data-inline-toc]:is(:link,:visited,:hover,:focus-visible,:active){color:var(--text-light)!important}#faqInlineToc a[data-inline-toc]:focus-visible{outline:3px solid var(--text-light);outline-offset:3px}.crunch-guide .granta-table-scroll :is(table,thead,tbody,tr,th,td){transition-property:border-color,box-shadow!important}.crunch-guide .granta-table-scroll thead th{background:var(--bg-secondary)!important}.crunch-guide .granta-table-scroll tbody tr{background:var(--bg-main)!important}.crunch-guide .granta-table-scroll tbody tr:nth-child(even){background:var(--bg-secondary)!important}.crunch-guide .granta-table-scroll tbody td{background:transparent!important}.vbn-tool{color:var(--text-light);background:var(--bg-secondary);border-color:var(--accent-green)}.faq-content .vbn-tool>h3{color:var(--accent-green)!important;background:transparent}.vbn-tool :is(p,h4,label,span,legend,fieldset,dt,dd){color:var(--text-light)!important}.vbn-tool fieldset,.vbn-units label,#vbn-status,.vbn-results>div{color:var(--text-light);background:var(--bg-main);border-color:var(--accent-green)}.vbn-tool :is(button,input),.vbn-tool :is(button,input):is(:hover,:focus-visible,:active){color:var(--text-light)!important;background:var(--bg-main);border-color:var(--accent-green)}.vbn-tool button:hover,.vbn-units label:hover{box-shadow:inset 0 0 0 1px var(--text-light)}.vbn-tool :is(button,input):focus-visible{outline-color:var(--text-light)}.vbn-tool :is(button,input):active,.vbn-units label:active{border-color:var(--text-light)}.vbn-tool input:checked{background:var(--accent-green)}.vbn-tool input:checked::after{color:var(--bg-secondary)}.vbn-tool button[type=submit],.vbn-tool button[type=submit]:is(:hover,:focus-visible,:active){color:var(--bg-secondary)!important;background:var(--accent-green);border-color:var(--accent-green)}@media(forced-colors:active){.crunch-guide :is(.granta-answer p,.granta-answer li,.granta-answer th,.granta-answer td,.granta-answer h3,.granta-answer strong,.oil-step-number,.rack-source-row dt,.rack-source-row dd),.vbn-tool :is(p,h3,h4,label,span,legend,fieldset,dt,dd){color:CanvasText!important}.crunch-guide a.faq-xlink:any-link,#faqInlineToc a[data-inline-toc]:any-link{color:LinkText!important;outline-color:LinkText}.vbn-tool,.vbn-tool fieldset,.vbn-units label,#vbn-status,.vbn-results>div{color:CanvasText;background:Canvas;border-color:CanvasText}.vbn-tool :is(button,input),.vbn-tool :is(button,input):is(:hover,:focus-visible,:active),.vbn-tool button[type=submit]:is(:hover,:focus-visible,:active),.vbn-tool button[type=submit],#articleHeroBtnShare,.faq-toc-more-btn{forced-color-adjust:auto;color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText;outline-color:ButtonText}.vbn-tool input:checked::after{color:ButtonText}.faq-content .vbn-tool>h3,.faq-toc-arrow{color:CanvasText!important}.crunch-guide .granta-table-scroll :is(thead th,tbody tr,tbody tr:nth-child(even)){background:Canvas!important;color:CanvasText!important}}

/* Semantic text and paired surfaces change together when switching themes. */
.crunch-guide a.faq-xlink,#faqInlineToc a[data-inline-toc],.faq-toc-arrow{transition-property:text-decoration-color,text-shadow!important}#articleHeroBtnShare,.faq-toc-more-btn{transition-property:border-color,box-shadow,transform!important}

.vbn-tool input::placeholder{color:var(--text-light);opacity:1}.vbn-tool input[aria-invalid=true]{border-color:var(--text-light)}.vbn-tool input{caret-color:var(--text-light)}



.vbn-tool .vbn-results>div,.vbn-tool fieldset,.vbn-tool #vbn-status{color:var(--text-light);background:var(--bg-main);border-color:var(--accent-green)}.vbn-tool .vbn-units label:hover{outline:1px solid var(--text-light);outline-offset:4px;border-radius:4px}.vbn-tool .vbn-units input:checked::after{background:var(--bg-secondary)}@media(forced-colors:active){.vbn-tool .vbn-units input:checked::after{background:ButtonText}}

/* Existing user-author names use the page text role in the light theme.
   This rule is local to this article's final semantic layer. */
body.light-theme .comments-section .comment-item:not(.is-admin-comment) .comment-author-name,
body.light-theme .comments-section .comment-item:not(.is-admin-comment) a.comment-author-name:is(:link,:visited,:hover,:focus-visible,:active){color:var(--text-light)!important}
body.light-theme .comments-section .comment-item:not(.is-admin-comment) a.comment-author-name:focus-visible{outline:3px solid var(--text-light);outline-offset:3px}
@media(forced-colors:active){
body.light-theme .comments-section .comment-item:not(.is-admin-comment) .comment-author-name{color:CanvasText!important}
body.light-theme .comments-section .comment-item:not(.is-admin-comment) a.comment-author-name:is(:link,:visited,:hover,:focus-visible,:active){color:LinkText!important;outline-color:LinkText}
}

.vbn-tool fieldset,.vbn-tool legend,.vbn-tool #vbn-insight{color:var(--text-light)!important;background:var(--bg-secondary)}@media(forced-colors:active){.vbn-tool fieldset,.vbn-tool legend,.vbn-tool #vbn-insight{color:CanvasText!important;background:Canvas}}
.vbn-tool textarea,.vbn-tool textarea:is(:hover,:focus-visible,:active),.vbn-tool pre,.vbn-tool h4{color:var(--text-light)!important;background:var(--bg-main);border-color:var(--accent-green)}.vbn-tool textarea::placeholder{color:var(--text-light);opacity:1}.vbn-tool textarea{caret-color:var(--text-light)}.vbn-tool textarea[aria-invalid=true]{border-color:var(--text-light)}.vbn-tool pre::selection,.vbn-tool pre *::selection{color:var(--bg-main);background:var(--text-light)}@media(forced-colors:active){.vbn-tool textarea,.vbn-tool textarea:is(:hover,:focus-visible,:active),.vbn-tool pre,.vbn-tool h4{color:CanvasText!important;background:Canvas;border-color:CanvasText}.vbn-tool textarea:focus-visible,.vbn-tool pre:focus-visible{outline-color:Highlight}.vbn-tool pre::selection{color:HighlightText;background:Highlight}}