.cf-tool{margin:28px 0;padding:clamp(20px,3vw,30px);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;color:var(--text-light);font-family:var(--font-body)}.faq-content .cf-tool h3{margin:0 0 14px;font:700 clamp(21px,2.6vw,27px)/1.35 var(--font-body);color:var(--text-light)}.faq-content .cf-tool h4{margin:22px 0 14px;font:600 17px/1.6 var(--font-body);color:var(--text-light)}.faq-content .cf-tool p{font:400 1rem/1.75 var(--font-body);color:var(--text-light)}.cf-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 26px}.cf-tool button{appearance:none;min-height:52px;padding:14px 18px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);color:var(--text-light);font:600 15px/1.5 var(--font-body);cursor:pointer;white-space:normal;text-align:left}.faq-content .cf-tool button[aria-pressed=true],.cf-tool #cf-reset{background:var(--accent-green);border-color:var(--accent-green);color:#081008!important}body.light-theme .faq-content .cf-tool button[aria-pressed=true],body.light-theme .cf-tool #cf-reset{color:#fff!important}.cf-tool button:focus-visible{outline:3px solid var(--accent-green);outline-offset:4px}.cf-tool button:disabled{opacity:.65;cursor:default}.cf-result{padding:22px;margin:18px 0;border-inline-start:4px solid var(--accent-green);border-radius:12px;background:var(--bg-main);overflow-wrap:anywhere}.faq-content .cf-result h4{margin:0 0 16px;font-size:21px}.faq-content .cf-tool .cf-scope,.faq-content .cf-tool .cf-source,.faq-content .cf-tool .cf-note{font:400 14px/1.7 var(--font-body);color:var(--text-secondary)}.cf-tool #cf-reset{margin:12px 0}.faq-content.oil-guide .oil-guide-steps{list-style:none}.faq-content.oil-guide .oil-guide-steps>li:before{content:none}@media(max-width:700px){.cf-buttons{grid-template-columns:1fr}.cf-result{padding:18px}}
.cf-details{display:grid;gap:14px;margin:22px 0}.cf-details>div{padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.faq-content .cf-tool .cf-details dt{font:600 14px/1.6 var(--font-body);color:var(--text-secondary);margin:0 0 6px}.faq-content .cf-tool .cf-details dd{font:600 17px/1.6 var(--font-body);color:var(--text-light);margin:0;overflow-wrap:anywhere}.faq-content .rack-photo figcaption{margin-top:12px;font:400 14px/1.65 var(--font-body);color:var(--text-secondary)}
.cf-diagram{display:block;width:100%;height:auto;margin:20px 0;color:var(--text-light);overflow:visible}.cf-diagram text{fill:currentColor;font:34px Inter,sans-serif}.cf-metal{fill:#89929b;stroke:#4b545c;stroke-width:2}.cf-rubber{fill:#30363c;stroke:#171b1e;stroke-width:2}.cf-diagram [data-cf-zone]{fill:#9ea6ac;stroke:#69747d;stroke-width:7}.cf-tool[data-mode=large] [data-cf-zone=large],.cf-tool[data-mode=small] [data-cf-zone=small],.cf-tool[data-mode=folds] [data-cf-zone=folds]{fill:var(--accent-green);stroke:var(--accent-green);stroke-width:10}