#mechanicApp .wm{max-width:1380px;margin:0 auto;color:#20262c;--wm-line:#dce1dd}
#mechanicApp .wm-header{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--wm-line)}
#mechanicApp .wm-header h2{font:600 clamp(22px,2.7vw,34px)/1.2 "Space Grotesk",sans-serif;letter-spacing:-.03em;margin:8px 0}
#mechanicApp .wm-header p{font-size:13px;color:#59636c;line-height:1.6;margin:6px 0}
#mechanicApp .wm .wm-eyebrow{font:600 11px/1.5 Inter,sans-serif;letter-spacing:.08em;color:#59636c}
#mechanicApp .wm .btn{min-height:48px;border-radius:9px;font:600 14px/1.4 Inter,sans-serif}
#mechanicApp .wm button:disabled{opacity:.45;cursor:not-allowed}
#mechanicApp .wm-verification{padding:16px 20px;margin:20px 0;background:#fff5df;border:1px solid #e9d5a3;border-left:4px solid #976917;border-radius:10px}
#mechanicApp .wm-verification strong{font-size:14px;color:#755015}
#mechanicApp .wm-verification p{font-size:13px;line-height:1.65;margin:6px 0 0;color:#654f2c}
#mechanicApp .wm-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}
#mechanicApp .wm-steps{position:sticky;top:100px;max-height:calc(100dvh - 125px);overflow:auto;scrollbar-gutter:stable}
#mechanicApp .wm-steps h3{font:600 14px/1.5 Inter,sans-serif;margin:0 0 12px}
#mechanicApp .wm-steps ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
#mechanicApp .wm-steps button{display:flex;align-items:start;gap:10px;width:100%;text-align:left;padding:14px 12px;border:1px solid transparent;border-radius:10px;background:transparent;font:500 13px/1.5 Inter,sans-serif;color:#59636c;cursor:pointer}
#mechanicApp .wm-steps button[aria-current]{background:#fff;border-color:#dce1dd;color:#20262c;box-shadow:0 3px 12px #20262c08}
#mechanicApp .wm-steps small{display:block;margin-top:4px;font-size:11px;color:#69736f}
#mechanicApp .wm-step-number{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6ebe6;font-size:11px}
#mechanicApp .wm-steps [aria-current] .wm-step-number{background:#20262c;color:#fff}
#mechanicApp .wm-current{min-width:0;background:#fff;border:1px solid var(--wm-line);border-radius:16px;padding:28px;scroll-margin-top:100px}
#mechanicApp .wm-step-heading h3{font:600 clamp(23px,2.3vw,30px)/1.25 "Space Grotesk",sans-serif;letter-spacing:-.025em;margin:8px 0 22px}
#mechanicApp .wm-done{display:inline-block;margin-bottom:16px;padding:6px 10px;background:#e5f3e9;color:#28764b;border-radius:6px;font-size:13px}
#mechanicApp .wm :is(.wm-prep,.wm-reference){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
#mechanicApp .wm-prep section{padding:18px;background:#f5f7f4;border:1px solid #e5e9e5;border-radius:10px}
#mechanicApp .wm h4{font:600 14px/1.5 Inter,sans-serif;margin:0 0 9px;color:#20262c}
#mechanicApp .wm-prep p,#mechanicApp .wm-reference p{font-size:14px;line-height:1.7;margin:0;white-space:pre-line;color:#59636c}
#mechanicApp .wm-intro{font-size:16px;line-height:1.8;color:#59636c;margin:24px 0 14px}
#mechanicApp .wm-actions{display:grid}
#mechanicApp .wm-action{display:flex;align-items:start;gap:14px;padding:20px 0;border-bottom:1px solid #e5e9e5;font-size:17px;line-height:1.75;cursor:pointer;white-space:pre-line}
#mechanicApp .wm-action:has(input:checked){color:#53645a;background:#f7faf7}
#mechanicApp .wm input[type=checkbox]{width:24px;height:24px;flex:none;margin:4px 0 0;accent-color:#28764b}
#mechanicApp .wm-checkpoint{display:flex;gap:14px;align-items:start;padding:20px;margin:24px 0;border:1px solid #e9d5a3;background:#fff9ec;border-radius:10px;font-size:15px;line-height:1.8;cursor:pointer;white-space:pre-line}
#mechanicApp .wm-checkpoint strong{display:block;margin-bottom:5px;color:#755015}
#mechanicApp .wm-reference{border-top:1px solid var(--wm-line);padding-top:24px}
#mechanicApp .wm-reference section{min-width:0}
#mechanicApp .wm-reference small{display:block;color:#755015;margin-top:10px;font-size:12px;line-height:1.5}
#mechanicApp .wm-reference a{display:block;padding:10px 0;color:#a13c20;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#mechanicApp .wm-diagram img{display:block;max-width:100%;height:auto;border:1px solid var(--wm-line);border-radius:8px}
#mechanicApp .wm-capture{padding-top:24px;border-top:1px solid var(--wm-line)}
#mechanicApp .wm-capture form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}
#mechanicApp .wm-capture label{display:grid;gap:7px;flex:1 1 220px;min-width:0;font-size:13px;color:#59636c}
#mechanicApp .wm-capture :is(input,textarea){width:100%;min-width:0;box-sizing:border-box;border:1px solid #ccd4cd;border-radius:8px;padding:12px;font:400 16px/1.5 Inter,sans-serif;background:#fff;color:#20262c}
#mechanicApp .wm-capture textarea{min-height:90px;resize:vertical}
#mechanicApp .wm-capture-note,#mechanicApp #wmStatus{font-size:13px;line-height:1.6;color:#59636c}
#mechanicApp #wmStatus{min-height:1.6em}
#mechanicApp .wm-controls{position:sticky;bottom:12px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;padding:12px;background:#fff;border:1px solid var(--wm-line);border-radius:12px;box-shadow:0 4px 24px #20262c15;z-index:5}
#mechanicApp .wm-controls small{grid-column:1/-1;text-align:center;font-size:11px;line-height:1.5;color:#59636c}
#mechanicApp .wm :is(p,span,h2,h3,li){overflow-wrap:anywhere}
#mechanicApp .wm :is(button,input,textarea,a):focus-visible{outline:2px solid #a13c20;outline-offset:3px}
@media(max-width:900px){
 #mechanicApp .wm-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 #mechanicApp .wm-steps{position:static;max-height:190px;padding-bottom:8px}
 #mechanicApp .wm-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 #mechanicApp .wm-current{padding:22px}
}
@media(max-width:560px){
 #mechanicApp .wm-header{flex-direction:column;gap:8px}
 #mechanicApp .wm-header h2{font-size:23px}
 #mechanicApp .wm-steps{max-height:138px}
 #mechanicApp .wm-steps ol{grid-template-columns:minmax(0,1fr)}
 #mechanicApp .wm-current{padding:16px;border-radius:12px;scroll-margin-top:80px}
 #mechanicApp .wm :is(.wm-prep,.wm-reference){grid-template-columns:minmax(0,1fr);gap:10px}
 #mechanicApp .wm-action{font-size:16px;gap:12px;padding:18px 0}
 #mechanicApp .wm-controls{bottom:calc(72px + env(safe-area-inset-bottom));padding:8px;gap:5px;margin-inline:-8px}
 #mechanicApp .wm-controls .btn{font-size:12px;padding:10px 5px;min-width:0}
 #mechanicApp .wm-verification{padding:14px}
}
#mechanicApp .wm-step-picker{display:none}
@media(min-width:1200px){
 #mechanicApp .wm-current{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);column-gap:28px}
 #mechanicApp .wm-current>:is(.wm-step-heading,.wm-prep,.wm-capture,#wmStatus,.wm-controls){grid-column:1/-1}
 #mechanicApp .wm-intro{grid-column:1;grid-row:3}
 #mechanicApp .wm-actions{grid-column:1;grid-row:4}
 #mechanicApp .wm-checkpoint{grid-column:1;grid-row:5}
 #mechanicApp .wm-current>.wm-reference{grid-column:2;grid-row:3/6;display:block;align-self:start;border-top:0;border-left:1px solid #dce1dd;padding:0 0 0 24px}
 #mechanicApp .wm-reference section+section{margin-top:24px}
}
@media(max-width:900px){
 #mechanicApp .wm-steps{max-height:none;overflow:visible;padding:0}
 #mechanicApp .wm-steps :is(ol,h3){display:none}
 #mechanicApp .wm-step-picker{display:grid;gap:7px;font-size:12px;color:#59636c}
 #mechanicApp #wmStepPicker{width:100%;min-width:0;min-height:48px;padding:12px 36px 12px 12px;border:1px solid #ccd4cd;border-radius:8px;background:#fff;color:#20262c;font:400 16px/1.4 Inter,sans-serif}
}
@media(max-width:560px){
 #mechanicApp .wm-header{gap:0;padding-bottom:12px}
 #mechanicApp .wm-header h2{font-size:20px}
 #mechanicApp .wm-verification{margin:14px 0}
 #mechanicApp .wm-verification p{font-size:12px}
 #mechanicApp .wm-controls{bottom:calc(12px + env(safe-area-inset-bottom))}
}
#mechanicApp .wm-saved-note{padding:14px 16px;margin:12px 0;border-left:3px solid #9cad9e;background:#f5f7f4;border-radius:6px}
#mechanicApp .wm-saved-note small{font-size:11px;color:#59636c}
#mechanicApp .wm-saved-note p{font-size:14px;line-height:1.7;white-space:pre-line;margin:6px 0 0}
#mechanicApp .wm-saved-photo{display:inline-grid;gap:8px;margin:12px 12px 12px 0;width:min(180px,100%);font-size:12px;color:#a13c20}
#mechanicApp .wm-saved-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
#mechanicApp .part-shopping{display:grid;gap:7px;margin-top:12px;padding:14px;border:1px solid #dce1dd;border-radius:8px;background:#f5f7f4;min-width:0;white-space:normal}
#mechanicApp .part-shopping>small{font:500 11px/1.5 Inter,sans-serif;color:#59636c}
#mechanicApp .part-shopping>strong{font:600 14px/1.5 Inter,sans-serif;color:#20262c;overflow-wrap:anywhere}
#mechanicApp .part-shopping>span,#mechanicApp .part-shopping>em{font:400 12px/1.65 Inter,sans-serif;color:#59636c;overflow-wrap:anywhere}
#mechanicApp .part-shopping>em{color:#795517}
#mechanicApp .part-shopping .part-shopping-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#mechanicApp .part-shopping-actions :is(button,a){display:inline-flex;align-items:center;min-height:44px;padding:6px 9px;background:#fff;border:1px solid #dce1dd;border-radius:6px;font:600 12px/1.4 Inter,sans-serif;color:#a13c20;cursor:pointer;text-decoration:none}
#mechanicApp .part-item .part-main{min-width:0}
#mechanicApp .part-shopping-compact{display:grid;gap:3px;padding-top:10px;margin-top:10px;border-top:1px solid #dce1dd}
#mechanicApp .part-shopping-compact small{font-size:11px;color:#59636c}
#mechanicApp .part-shopping-compact a{font-size:13px;line-height:1.6;color:#a13c20;overflow-wrap:anywhere}
#mechanicApp .part-shopping-fitment{display:block;margin-top:12px;font-size:11px;line-height:1.6;color:#59636c}
#mechanicApp .part-shopping>small a{color:#994020;text-decoration:underline;text-underline-offset:3px}
#mechanicApp .part-shopping-summary{margin:14px 0 20px}
#mechanicApp .wm-visual{margin:24px 0;padding:20px;border:1px solid #dce1dd;border-radius:12px;background:#f5f7f4;min-width:0}
#mechanicApp .wm-visual h4{margin:5px 0;font-size:20px}
#mechanicApp .wm-visual p{font-size:13px;line-height:1.65;color:#59636c}
#mechanicApp .wm-visual-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:16px;align-items:start}
#mechanicApp .wm-engine-image{display:grid;gap:10px;background:white;padding:12px;border-radius:8px;color:#994020;font-size:13px;min-width:0}
#mechanicApp .wm-engine-image img{width:100%;height:auto;display:block}
#mechanicApp .wm-engine-image span{min-height:44px;display:flex;align-items:center;justify-content:center}
#mechanicApp .wm-visual-key h5{font-size:14px;margin:0 0 12px}
#mechanicApp .wm-visual-key ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
#mechanicApp .wm-visual-key li{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5}
#mechanicApp .wm-visual-key li b{min-width:48px;padding:7px 4px;border-radius:6px;background:#f3df9d;color:#353020;text-align:center}
#mechanicApp .wm-visual-key small{display:block;font-size:12px;line-height:1.6;color:#59636c}
@media(max-width:700px){#mechanicApp .wm-visual-layout{grid-template-columns:minmax(0,1fr)}#mechanicApp .wm-visual{padding:14px}}