
.cg-tool{margin:2rem 0;padding:clamp(18px,2.4vw,26px);border:1px solid var(--accent-green);border-radius:20px;background:var(--bg-secondary);color:var(--text-light);font-family:var(--font-body);min-width:0}.cg-tool *{box-sizing:border-box}.faq-content.oil-guide .cg-tool h3{font:700 clamp(1.2rem,1.8vw,1.5rem)/1.35 var(--font-body);margin:0 0 18px;padding:0;text-transform:none;color:var(--text-light)}.cg-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.cg-tool button{appearance:none;-webkit-appearance:none;min-height:48px;border:1px solid var(--accent-green);border-radius:12px;background:var(--bg-main);color:var(--text-light);font:600 1rem/1.45 var(--font-body);padding:12px 16px;cursor:pointer;text-align:left;white-space:normal;transition:background-color .15s,color .15s}.cg-tool #cg-choose{background:var(--accent-green);color:#fff}body:not(.light-theme) .cg-tool #cg-choose{color:#111}.cg-tool button:hover{box-shadow:0 0 0 1px var(--accent-green)}.cg-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.cg-tool :disabled{opacity:.65;cursor:default}.cg-tool [hidden]{display:none!important}.cg-result{margin:20px 0;padding:18px;border:1px solid var(--accent-green);border-radius:16px;background:var(--bg-main)}.faq-content.oil-guide .cg-result h4{font:700 1.15rem/1.45 var(--font-body);margin:0 0 16px;color:var(--text-light);text-transform:none}.cg-result p{margin:16px 0 0}.cg-result dl{display:grid;gap:12px;margin:16px 0 0}.cg-result dl>div{border-radius:12px;padding:14px;background:var(--bg-secondary);min-width:0}.cg-result dt{font-weight:600;margin-bottom:8px}.cg-result dd{margin:0;font-weight:700;font-size:1.1rem}.cg-note{font-size:.95rem!important;line-height:1.7!important}.faq-content.oil-guide .rack-photo img{display:block;width:100%;max-width:100%;height:auto}body.light-theme #articleHeroBtnShare,body.light-theme .faq-toc-more-btn{background:#fff}@media(max-width:600px){.cg-tool button{width:100%}.cg-actions{display:grid}.faq-content.oil-guide table td,.faq-content.oil-guide table th{padding-left:6px;padding-right:6px}}
