body{color-scheme:dark}body.light-theme{color-scheme:light}
.faq-container.focus-container{max-width:1150px}
.focus-guide{--fvg-accent:var(--accent-green,#00ff00)}body.light-theme .focus-guide{--fvg-accent:#125c2a}
.focus-guide :is(p,li,th,td,h3,h4,strong,dt,dd,label,caption){color:var(--text-light)!important}
.focus-guide .rack-photo{margin:28px 0}.focus-guide .rack-photo img{display:block;width:100%;height:auto;border-radius:14px}
.focus-guide .granta-table-scroll table{width:100%;min-width:660px}
.focus-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}
.focus-guide .granta-table-scroll :is(table,thead,tbody,tr,th,td){transition-property:border-color,box-shadow!important}.focus-guide .granta-table-scroll thead th{background:var(--bg-secondary)!important}.focus-guide .granta-table-scroll tbody tr{background:var(--bg-main)!important}.focus-guide .granta-table-scroll tbody tr:nth-child(even){background:var(--bg-secondary)!important}
.focus-guide a:is(:link,:visited,:hover,:focus-visible,:active){color:var(--text-light)!important;text-decoration:underline;text-decoration-color:var(--fvg-accent);text-underline-offset:.18em}.focus-guide a:hover{text-decoration-thickness:3px}.focus-guide a:focus-visible{outline:3px solid var(--fvg-accent);outline-offset:3px}
.focus-guide .oil-step-number{color:var(--text-light)!important}
.fvg-tool{margin:28px 0;padding:28px;border:1px solid var(--fvg-accent);border-radius:16px;background:var(--bg-secondary);color:var(--text-light)}.fvg-tool h3{margin:0 0 18px!important}.fvg-tool p{line-height:1.75}.fvg-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.fvg-fields label{display:block;font-weight:700;line-height:1.5;min-width:0}
.fvg-fields input{appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:52px;box-sizing:border-box;margin-top:10px;padding:14px 16px;font:inherit;border:1px solid var(--fvg-accent);border-radius:12px;background:var(--bg-main);color:var(--text-light);font-variant-numeric:tabular-nums}.fvg-fields input::placeholder{color:var(--text-light);opacity:.85}.fvg-fields input[aria-invalid=true]{outline:2px solid #df5555;outline-offset:2px}
.fvg-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.fvg-actions button{appearance:none;min-height:48px;padding:13px 20px;border:1px solid var(--fvg-accent);border-radius:12px;font:inherit;font-weight:700;background:var(--bg-main);color:var(--text-light);cursor:pointer}.fvg-tool #fvg-calculate:not(:disabled){background:var(--fvg-accent);color:#111}.fvg-tool :is(input,button):is(:hover,:focus-visible,:active){border-color:var(--fvg-accent);box-shadow:0 0 0 1px var(--fvg-accent)}.fvg-tool :is(input,button):focus-visible{outline:3px solid var(--fvg-accent);outline-offset:4px}.fvg-tool :is(input,button):disabled{color:var(--text-light)!important;background:var(--bg-main)!important;border-style:dashed;cursor:not-allowed;box-shadow:none}
.fvg-tool #fvg-status{margin:20px 0;padding:16px;border:1px solid var(--fvg-accent);border-radius:12px;background:var(--bg-main)}.fvg-tool #fvg-result{margin:24px 0 0;padding:22px;border:1px solid var(--fvg-accent);border-radius:14px;background:var(--bg-main)}.fvg-tool #fvg-result[hidden]{display:none!important}.fvg-tool #fvg-result h4{margin:0 0 18px}.fvg-output{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.fvg-output>div{min-width:0;padding:18px;border:1px solid var(--fvg-accent);border-radius:12px;background:var(--bg-secondary)}.fvg-output dt{line-height:1.55}.fvg-output dd{margin:10px 0 0;line-height:1.35}.fvg-output strong{display:block;font-size:clamp(1.125rem,2vw,1.5rem);white-space:nowrap;color:var(--fvg-accent)!important;font-variant-numeric:tabular-nums}.fvg-tool .fvg-note{margin:24px 0 0!important;line-height:1.75}
body.light-theme .fvg-tool #fvg-calculate:not(:disabled){color:#fff!important}
#faqInlineToc a .faq-toc-text,#faqInlineToc a:is(:link,:visited,:hover,:focus-visible,:active) .faq-toc-text{color:var(--text-light)!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: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){.fvg-tool{padding:20px}.fvg-fields,.fvg-output{grid-template-columns:1fr}.fvg-actions{flex-direction:column}.fvg-actions button{width:100%}.fvg-tool #fvg-result{padding:18px}.fvg-tool .fvg-note{margin-top:20px!important}}
@media(forced-colors:active){.fvg-tool :is(input,button),.fvg-output>div,.fvg-tool #fvg-result,.fvg-tool #fvg-status{border-color:CanvasText!important;background:Canvas!important;color:CanvasText!important}.fvg-output strong{color:CanvasText!important}.fvg-tool #fvg-calculate:not(:disabled){background:ButtonFace!important;color:ButtonText!important}.fvg-tool :is(input,button):focus-visible{outline-color:Highlight!important}}

.fvg-tool .fvg-check{margin:18px 0 0;padding:14px;border:1px solid var(--fvg-accent);border-radius:10px;background:var(--bg-secondary);color:var(--text-light)}