.mp-tool{margin:2rem 0;padding:clamp(20px,4vw,36px);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}.mp-tool *{box-sizing:border-box}.faq-content.oil-guide .mp-tool h3,.faq-content.oil-guide .mp-tool h4{color:var(--text-light)}.mp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mp-fields>div{min-width:0}.mp-tool label{display:block;font-weight:700;margin:1rem 0 .6rem}.mp-tool input{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--accent-green);border-radius:12px;background:var(--bg-main);color:var(--text-light);font:500 1rem/1.5 var(--font-body)}.mp-tool input[aria-invalid=true]{border-width:2px}.mp-tool input:focus-visible,.mp-tool button:focus-visible{outline:3px solid var(--text-light);outline-offset:4px}.mp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.2rem 0}.mp-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;white-space:normal;transition:box-shadow .15s}.mp-tool #mp-calculate{background:var(--accent-green);color:#fff}body:not(.light-theme) .mp-tool #mp-calculate{color:#111}.mp-tool button:hover{box-shadow:0 0 0 1px var(--accent-green)}.mp-tool :disabled{opacity:.65;cursor:default}.mp-result{margin:1.5rem 0;padding:clamp(18px,3vw,28px);border:1px solid var(--accent-green);border-radius:16px;background:var(--bg-main)}.mp-result h4{font:700 1.15rem/1.55 var(--font-body);margin:0 0 1rem}.mp-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 1.2rem}.mp-result dl>div{padding:16px;border-radius:12px;background:var(--bg-secondary);min-width:0}.mp-result dt{font:500 1rem/1.5 var(--font-body)}.mp-result dd{margin:8px 0 0;font:700 1.2rem/1.5 var(--font-body);overflow-wrap:anywhere}.mp-note{font-size:.95rem!important;line-height:1.7!important}.mp-tool .mp-error{font-weight:700}.mp-tool [hidden]{display:none!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:800px){.mp-fields{grid-template-columns:1fr}}@media(max-width:600px){.mp-result dl{grid-template-columns:1fr}.mp-tool button{width:100%}.faq-content.oil-guide table td,.faq-content.oil-guide table th{padding-left:6px;padding-right:6px}}

.faq-content.oil-guide .mp-tool{padding:clamp(18px,2.4vw,26px)}.faq-content.oil-guide .mp-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}.faq-content.oil-guide .mp-tool h4{font:700 1.15rem/1.45 var(--font-body);margin:0 0 16px}.mp-tool #mp-error{margin:16px 0;padding:12px 16px;border:1px solid var(--accent-green);border-radius:12px;background:var(--bg-main);color:var(--text-light);line-height:1.6}.mp-tool .mp-result{padding:16px;margin:16px 0}.mp-tool .mp-result p{margin-bottom:0}.mp-tool .mp-actions+p{margin-top:12px}

.mp-fields{grid-template-columns:1fr}.mp-fields>div{max-width:700px}.mp-fields .mp-note{margin:10px 0 0}.mp-tool input{max-width:100%}@media(max-width:600px){.mp-actions{flex-direction:column}.faq-content.oil-guide table{table-layout:fixed}.faq-content.oil-guide table th,.faq-content.oil-guide table td{overflow-wrap:normal;word-break:normal}.faq-content.oil-guide table th:first-child{width:36%}}

body.light-theme .faq-content.oil-guide a.faq-xlink{color:var(--text-light)!important;text-decoration:underline;text-underline-offset:.16em}