.sp-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 .sp-tool h3{margin:0 0 14px;font:700 clamp(21px,2.6vw,27px)/1.35 var(--font-body);color:var(--text-light)}.faq-content .sp-tool p{font:400 1rem/1.75 var(--font-body);color:var(--text-light)}.sp-field{padding:18px 0 0}.sp-field label{display:flex;justify-content:space-between;gap:20px;font:600 17px/1.6 var(--font-body);color:var(--text-light)}.sp-field output{font-weight:700;white-space:nowrap}.sp-tool input[type=range]{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;height:48px;padding:0;margin:0;background:transparent;cursor:pointer;border:0;border-radius:8px}.sp-tool input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:var(--text-light)}.sp-tool input[type=range]::-moz-range-track{height:6px;border-radius:9px;background:var(--text-light)}.sp-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--accent-green);border:3px solid var(--bg-main);outline:1px solid var(--text-light)}.sp-tool input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-green);border:3px solid var(--bg-main);outline:1px solid var(--text-light)}.sp-scale{display:flex;justify-content:space-between;font:400 14px/1.5 var(--font-body);color:var(--text-secondary)}.sp-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.sp-tool button{appearance:none;min-height:48px;padding:13px 18px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-main);color:var(--text-light);font:600 15px/1.45 var(--font-body);cursor:pointer;white-space:normal}.sp-presets button{text-align:center}.faq-content .sp-tool button[aria-pressed=true]{background:var(--accent-green);border-color:var(--accent-green);color:#081008!important}body.light-theme .faq-content .sp-tool button[aria-pressed=true]{color:#fff!important}.sp-tool button:focus-visible,.sp-tool input:focus-visible{outline:3px solid var(--accent-green);outline-offset:4px}.sp-tool button:disabled,.sp-tool input:disabled{opacity:.65;cursor:default}.sp-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.sp-diagram{margin:0;min-width:0}.sp-diagram svg{display:block;width:100%;height:auto;overflow:visible}.sp-diagram line{stroke-width:3;fill:none}.sp-diagram .sp-base{stroke:var(--text-secondary);stroke-dasharray:7 7}.sp-diagram .sp-rise{stroke:var(--text-light)}.sp-diagram .sp-road{stroke:var(--accent-green);stroke-width:6}.sp-diagram circle{fill:var(--text-light)}.faq-content .sp-diagram figcaption,.faq-content .sp-tool .sp-note{font:400 14px/1.7 var(--font-body);color:var(--text-secondary)}.sp-result{padding:22px;margin:12px 0;border-inline-start:4px solid var(--accent-green);border-radius:12px;background:var(--bg-main);overflow-wrap:anywhere}.sp-result dl{margin:0}.sp-result dl>div+div{margin-top:18px}.sp-result dt{font:600 14px/1.6 var(--font-body);color:var(--text-secondary)}.sp-result dd{margin:4px 0 0;font:700 24px/1.4 var(--font-body);color:var(--text-light)}.faq-content .sp-result p{font-size:14px}.sp-tool #sp-reset{margin:18px 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){.sp-workspace{grid-template-columns:1fr}.sp-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-result{padding:18px}}