.machine-health-product { padding:88px 0; background:#f5f8fa; --mh-ink:#24465e; --mh-muted:#587183; --mh-line:#d8e3eb; --mh-accent:#2b7e91; }
.machine-health-product .section-header { margin-bottom:34px; }
.machine-health-product .section-header h2 { max-width:1000px; margin-left:auto; margin-right:auto; }
.machine-health-product .section-header>p { max-width:820px; }
.machine-health-product .section-header .mh-eyebrow { font:600 11px/1.5 Inter,Arial,sans-serif; color:#437184; letter-spacing:.08em; text-transform:uppercase; margin-bottom:15px; }
.machine-health-product .section-header .mh-outcome { max-width:700px; margin:18px auto 0; font-size:14px; line-height:1.7; color:#456a7e; }
.mh-demo { border:1px solid var(--mh-line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 40px #163b540a; }
.mh-demo [hidden] { display:none !important; }
.mh-demo-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; border-bottom:1px solid var(--mh-line); }
.mh-demo-heading>div { display:flex; gap:12px; align-items:center; }
.mh-product-mark { display:grid; place-items:center; flex:0 0 32px; height:32px; color:#fff; background:#143e5b; border-radius:8px; font:600 10px/1 Inter,Arial,sans-serif; }
.mh-demo-heading strong { font:600 15px/1.5 Inter,Arial,sans-serif; color:#193e58; }
.mh-demo-label { font-size:11px; color:var(--mh-muted); }
.mh-scenario { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border-bottom:1px solid var(--mh-line); background:var(--mh-line); }
.mh-scenario button { display:flex; gap:12px; align-items:center; padding:18px 22px; border:0; background:#f7fafc; text-align:left; cursor:pointer; font-family:Inter,Arial,sans-serif; color:#526e80; }
.mh-scenario button>span { font-size:11px; font-variant-numeric:tabular-nums; }
.mh-scenario strong { font-size:13px; line-height:1.5; font-weight:500; }
.mh-scenario button[aria-pressed="true"] { background:#eaf4f7; color:#164e69; box-shadow:inset 0 -3px var(--mh-accent); }
.mh-scenario button:hover { background:#eef5f8; }
.mh-scenario button:focus-visible,.mh-pilot-link:focus-visible,.mh-story-bottom button:focus-visible,.mh-checklist input:focus-visible { outline:3px solid #16809b; outline-offset:3px; }
.mh-scenario button:focus-visible { outline-offset:-4px; }
.mh-ai-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); }
.mh-knowledge-rail { background:#f7fafc; padding:28px 22px; border-right:1px solid var(--mh-line); }
.mh-panel-label { font:500 11px/1.5 Inter,Arial,sans-serif; letter-spacing:.02em; color:#5e7a8c; margin:0 0 12px; }
.mh-source { display:flex; gap:10px; padding:17px 0; border-bottom:1px solid #e0e9ef; }
.mh-source>span { flex:0 0 25px; height:27px; display:grid; place-items:center; border:1px solid #d6e2e9; border-radius:5px; color:#52778c; font-size:10px; background:#fff; }
.mh-source strong { display:block; font:600 12px/1.5 Inter,Arial,sans-serif; color:var(--mh-ink); }
.mh-source small { display:block; margin-top:4px; font-size:11px; line-height:1.6; color:var(--mh-muted); }
.mh-rail-note { margin:22px 0 0; font-size:12px; line-height:1.7; color:var(--mh-muted); }
.mh-ai-stage { min-width:0; padding:28px 30px; }
.mh-ai-heading { display:flex; gap:13px; align-items:center; margin-bottom:20px; scroll-margin-top:95px; }
.mh-ai-badge { display:grid; place-items:center; flex:0 0 42px; height:42px; background:#eaf4f7; border:1px solid #cfe1e9; border-radius:12px; color:#28677e; font:600 14px/1 Inter,Arial,sans-serif; }
.mh-ai-heading .mh-panel-label { margin:0 0 4px; }
.mh-ai-heading h3 { font:600 21px/1.4 Inter,Arial,sans-serif; letter-spacing:-.02em; color:#173d59; margin:0; }
.mh-scene { animation:mh-scene-in .22s ease-out; }
@keyframes mh-scene-in { from { opacity:.5; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.mh-scene-intro { font-size:14px; line-height:1.75; color:var(--mh-muted); margin:0 0 22px; }
.mh-knowledge-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mh-knowledge-map article { padding:18px 16px; border:1px solid var(--mh-line); border-radius:9px; }
.mh-knowledge-map article>span { display:block; color:#547a8d; font-size:11px; margin-bottom:13px; }
.mh-knowledge-map h4 { font:600 14px/1.5 Inter,Arial,sans-serif; margin:0 0 10px; color:var(--mh-ink); }
.mh-knowledge-map p { margin:0; font-size:12px; line-height:1.75; color:var(--mh-muted); }
.mh-ai-result { margin-top:18px; padding:20px; border:1px solid #cfe1e9; border-radius:9px; background:#f0f7fa; }
.mh-ai-result .mh-panel-label { display:block; margin-bottom:6px; }
.mh-ai-result strong { font:600 15px/1.5 Inter,Arial,sans-serif; color:var(--mh-ink); }
.mh-ai-result p { margin:7px 0 0; font-size:13px; line-height:1.7; color:var(--mh-muted); }
.mh-node-list { display:grid; gap:12px; }
.mh-node { padding:18px 20px; border:1px solid var(--mh-line); border-radius:9px; }
.mh-node>div { display:flex; gap:12px; justify-content:space-between; align-items:center; }
.mh-node h4 { font:600 15px/1.5 Inter,Arial,sans-serif; color:var(--mh-ink); margin:0; }
.mh-node-state { color:#416d66; font-size:11px; line-height:1.5; }
.mh-node p { margin:9px 0 0; font-size:13px; line-height:1.7; color:var(--mh-muted); }
.mh-node small { display:block; margin-top:7px; font-size:12px; line-height:1.7; color:#685d4e; }
.mh-node--attention { border-left:3px solid #aa8051; background:#fcfaf6; }
.mh-node--attention .mh-node-state { color:#805c30; }
.mh-node--inspection { background:#f7fafc; }
.mh-node--inspection .mh-node-state { color:#5b7283; }
.mh-evidence { margin-top:18px; padding-left:16px; border-left:2px solid #c9dce7; }
.mh-evidence>span { font-size:11px; color:#486d82; }
.mh-evidence p { font-size:13px; line-height:1.7; margin:6px 0 0; color:var(--mh-muted); }
.mh-plan-sheet { border:1px solid var(--mh-line); border-radius:10px; padding:20px; }
.mh-plan-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.mh-plan-heading .mh-panel-label { display:block; margin-bottom:5px; }
.mh-plan-heading h4 { font:600 16px/1.5 Inter,Arial,sans-serif; color:var(--mh-ink); margin:0; }
.mh-plan-state { padding:5px 8px; border:1px solid #d5e3eb; border-radius:5px; background:#f4f8fb; color:#4d6c80; font-size:10px; white-space:nowrap; }
.mh-plan-list { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:15px; }
.mh-plan-list li { padding-left:14px; border-left:2px solid #cfe0e9; }
.mh-plan-list span { font-size:10px; color:#5f7e90; display:block; margin-bottom:5px; }
.mh-plan-list strong { font:600 13px/1.6 Inter,Arial,sans-serif; color:var(--mh-ink); }
.mh-plan-list p { font-size:12px; line-height:1.7; color:var(--mh-muted); margin:4px 0 0; }
.mh-checklist { margin:22px 0 0; padding:16px 20px; border:1px solid var(--mh-line); border-radius:10px; min-width:0; }
.mh-checklist legend { font:600 14px/1.5 Inter,Arial,sans-serif; color:var(--mh-ink); padding:0 6px; }
.mh-checklist>p { font-size:12px; color:var(--mh-muted); margin:0 0 12px; }
.mh-checklist label { display:flex; gap:10px; align-items:flex-start; padding:9px 0; cursor:pointer; font-size:13px; line-height:1.6; color:var(--mh-ink); }
.mh-checklist input { appearance:auto; accent-color:#287b8e; width:17px; height:17px; flex:0 0 17px; margin:2px 0 0; }
.mh-checklist input:checked+span { color:#426a65; }
.mh-checklist output { display:block; margin-top:12px; border-top:1px solid #e0e9ef; padding-top:12px; font-size:12px; color:#426f80; }
.mh-plan-recommendation { font-size:12px; line-height:1.8; color:var(--mh-muted); margin:18px 0 0; }
.mh-plan-recommendation strong { color:var(--mh-ink); font-weight:600; }
.mh-story-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:26px; padding-top:20px; border-top:1px solid #e0e9ef; }
.mh-story-bottom p { font-size:12px; line-height:1.7; color:var(--mh-muted); margin:0; max-width:360px; }
.mh-story-bottom button { border:1px solid #c9dce7; border-radius:7px; background:#f1f7fa; color:#205771; padding:12px 15px; font:600 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; flex-shrink:0; }
.mh-story-bottom button:hover { background:#e7f1f6; }
.mh-demo-disclaimer { margin:0; text-align:center; padding:14px 22px; font-size:11px; line-height:1.7; color:#657e8f; border-top:1px solid var(--mh-line); }
.mh-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.mh-capabilities article { padding:23px; border:1px solid var(--mh-line); border-radius:11px; background:#fff; }
.mh-capabilities article>span { font-size:11px; color:#528094; }
.mh-capabilities h3 { margin:11px 0 10px; font:600 16px/1.5 Inter,Arial,sans-serif; color:#20435e; }
.mh-capabilities p { font-size:13px; line-height:1.8; color:var(--mh-muted); margin:0; }
.mh-coverage { max-width:850px; margin:20px auto 0; color:#657c8c; font-size:12px; line-height:1.7; text-align:center; }
.mh-pilot { display:flex; gap:40px; justify-content:space-between; align-items:center; margin-top:28px; padding:28px; background:#eaf1f6; border:1px solid #d5e1e9; border-radius:12px; }
.mh-pilot h3 { margin:0 0 8px; font:600 19px/1.4 Inter,Arial,sans-serif; color:#173f5c; }
.mh-pilot p { max-width:720px; font-size:13px; line-height:1.7; color:#546f82; margin:0; }
.mh-pilot-link { flex-shrink:0; display:flex; align-items:center; gap:22px; padding:14px 20px; background:#153f60; border:1px solid #153f60; border-radius:8px; color:#fff; text-decoration:none; font-size:13px; font-weight:600; }
.mh-pilot-link:hover { background:#0c334f; }
#products-and-solutions .home-machine-health { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:center; gap:28px; background:#f5fafc; border-color:#c3dae5; }
.home-machine-health .mh-home-label { font-size:11px; color:#39778a; font-weight:600; letter-spacing:.025em; }
#products-and-solutions .home-machine-health h3 { font-size:21px; margin:9px 0; }
.home-machine-health .teaser-link { display:block; margin-top:16px; }
.mh-home-visual { border:1px solid #d2e1e9; border-radius:10px; padding:16px; background:#fff; }
.mh-home-visual>span { font-size:10px; color:#627e8f; }
.mh-home-visual small { font-size:10px; color:#47778b; }
.mh-home-chain { display:grid; gap:13px; margin:17px 0; }
.mh-home-chain>div { display:flex; align-items:center; gap:10px; position:relative; }
.mh-home-chain>div+div:before { content:""; position:absolute; width:1px; height:13px; background:#c4d7e1; top:-13px; left:11px; }
.mh-home-chain b { display:grid; place-items:center; flex:0 0 24px; height:24px; background:#edf4f7; border:1px solid #d4e3ea; border-radius:6px; font:500 9px/1 Inter,Arial,sans-serif; color:#37647b; }
.mh-home-chain strong { font:500 11px/1.5 Inter,Arial,sans-serif; color:#34566b; }
@media(max-width:1000px) { .mh-ai-workspace { grid-template-columns:215px minmax(0,1fr); } .mh-knowledge-rail { padding:24px 17px; } .mh-ai-stage { padding:24px 22px; } .mh-knowledge-map { grid-template-columns:1fr; } .mh-knowledge-map article { padding:16px; } .mh-knowledge-map article>span { margin-bottom:5px; } .mh-knowledge-map h4 { margin-bottom:5px; } .mh-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); } .mh-story-bottom { align-items:flex-start; flex-direction:column; gap:14px; } }
@media(max-width:760px) { .machine-health-product { padding:60px 0; } .mh-ai-workspace { grid-template-columns:1fr; } .mh-knowledge-rail { padding:20px; border-right:0; border-bottom:1px solid var(--mh-line); display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; } .mh-knowledge-rail>.mh-panel-label { grid-column:1/-1; margin-bottom:0; } .mh-source { padding:8px 0; border:0; } .mh-rail-note { display:none; } .mh-demo[data-state="analysis"] .mh-knowledge-rail,.mh-demo[data-state="plan"] .mh-knowledge-rail { display:none; } .mh-scenario button { padding:15px; flex-direction:column; align-items:flex-start; gap:5px; } .mh-scenario strong { font-size:12px; } .mh-pilot { flex-direction:column; align-items:flex-start; gap:20px; padding:24px; } #products-and-solutions .home-machine-health { grid-template-columns:1fr; } .mh-home-visual { display:none; } }
@media(max-width:560px) { .machine-health-product .section-header h2 { font-size:27px; } .mh-demo-heading { padding:16px; align-items:flex-start; flex-direction:column; gap:9px; } .mh-demo-label { padding-left:44px; } .mh-demo-heading strong { font-size:14px; } .mh-scenario button { padding:13px 10px; } .mh-scenario strong { font-size:11px; } .mh-ai-stage { padding:22px 16px; } .mh-ai-heading h3 { font-size:19px; } .mh-ai-heading { scroll-margin-top:78px; } .mh-ai-heading .mh-panel-label { font-size:10px; } .mh-scene-intro { font-size:13px; } .mh-knowledge-rail { grid-template-columns:1fr; } .mh-source small { font-size:11px; } .mh-node { padding:16px; } .mh-node>div { align-items:flex-start; flex-direction:column; gap:4px; } .mh-plan-sheet,.mh-checklist { padding:16px; } .mh-plan-heading { flex-direction:column; gap:10px; } .mh-story-bottom button { width:100%; text-align:left; } .mh-capabilities { grid-template-columns:1fr; gap:12px; } .mh-pilot-link { width:100%; justify-content:space-between; } #products-and-solutions .home-machine-health h3 { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .machine-health-product *,#products-and-solutions .home-machine-health { scroll-behavior:auto; transition:none; animation:none; } }

/* Concrete maintenance actions and captured inspection results. */
.mh-task-evidence { margin-top:18px; padding:14px 16px; border-radius:7px; background:#f2f7fa; }
.mh-task-evidence>span { font-size:11px; color:#547386; }
.mh-task-evidence p { margin:5px 0 0; font-size:13px; line-height:1.7; color:#2f526a; }
.mh-task-scope { font-size:11px; line-height:1.75; color:#647c8b; margin:14px 0 0; }
.mh-checklist--actions { padding:18px 20px; }
.mh-action-list { list-style:none; padding:0; margin:18px 0 0; }
.mh-action-list>li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:13px; padding:22px 0; border-top:1px solid #e0e9ef; }
.mh-action-list>li:first-child { border-top:0; padding-top:0; }
.mh-action-number { display:grid; place-items:center; width:28px; height:28px; border:1px solid #d5e2ea; border-radius:7px; font-size:10px; color:#58768a; background:#f5f9fb; }
.mh-action-list>li[data-recorded="true"] .mh-action-number { border-color:#a6c8d5; background:#eaf4f7; color:#23596d; }
.mh-action-body { min-width:0; }
.mh-action-body h5 { margin:0 0 7px; font:600 14px/1.6 Inter,Arial,sans-serif; color:#24465e; }
.mh-action-body>p { margin:0 0 12px; font-size:12px; line-height:1.75; color:#587183; }
.mh-checklist--actions label { display:block; padding:0; margin:0 0 5px; font-size:11px; color:#577489; cursor:default; }
.mh-checklist--actions select,.mh-checklist--actions input[type="number"] { display:block; appearance:auto; width:100%; max-width:100%; min-width:0; height:42px; margin:0; padding:9px 11px; border:1px solid #cbdde7; background:#fff; border-radius:6px; color:#284a61; font:400 12px/1.5 Inter,Arial,sans-serif; }
.mh-checklist--actions select:focus-visible,.mh-checklist-tools button:focus-visible { outline:3px solid #16809b; outline-offset:2px; }
.mh-pressure-fields { display:grid; grid-template-columns:minmax(0,1fr) 94px; gap:12px; margin-top:12px; }
.mh-checklist--actions input[aria-invalid="true"] { border-color:#a66840; }
.mh-action-body>small { display:block; margin-top:7px; color:#667e8d; font-size:10px; line-height:1.7; }
.mh-checklist-tools { display:flex; flex-wrap:wrap; gap:8px; padding-top:8px; }
.mh-checklist-tools button { border:1px solid #c9dce7; background:#f1f7fa; color:#285970; border-radius:6px; padding:10px 13px; font:500 11px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mh-checklist-tools button:last-child { background:#fff; color:#607c8d; }
.mh-checklist-tools button:hover { background:#eaf3f7; }
.mh-check-verdict { margin-top:20px; padding:19px 20px; border:1px solid #d2e2ea; border-left:3px solid #4b879a; border-radius:8px; background:#f4f9fb; }
.mh-check-verdict .mh-panel-label { display:block; margin-bottom:7px; }
.mh-check-verdict h4 { margin:0 0 8px; color:#264b64; font:600 15px/1.5 Inter,Arial,sans-serif; }
.mh-check-verdict p { margin:0; color:#587183; font-size:12px; line-height:1.8; }
.mh-check-verdict[data-status="attention"] { border-left-color:#aa8051; background:#fcfaf6; }
.mh-check-verdict[data-status="incomplete"] { border-left-color:#8b9fab; }
@media(max-width:560px) { .mh-checklist--actions { padding:15px 13px; } .mh-action-list>li { grid-template-columns:1fr; gap:9px; } .mh-action-body h5 { font-size:14px; } .mh-checklist--actions select,.mh-checklist--actions input[type="number"] { font-size:12px; } .mh-checklist-tools { flex-direction:column; } .mh-checklist-tools button { text-align:left; } .mh-check-verdict { padding:17px; } }

/* Evidence-led mechanic scenario, scoped to preserve the homepage teaser. */
.mh-demo--evidence { color:#24465e; }
.mh-demo--evidence .mh-demo-label { font-size:12px; color:#526b7b; }
.mh-demo--evidence .mh-scenario strong { font-size:14px; }
.mh-demo--evidence button,.mh-demo--evidence select,.mh-demo--evidence summary,.mh-demo--evidence a { touch-action:manipulation; }
.mh-demo--evidence :is(button,select,summary,a):focus-visible { outline:3px solid #167e96; outline-offset:3px; }
.mh-evidence-layout { display:grid; grid-template-columns:300px minmax(0,1fr); }
.mh-machine-context { padding:28px 22px; background:#f2f6f8; border-right:1px solid #d8e3eb; }
.mh-kicker { display:block; margin:0 0 10px; color:#526d7e; font:500 12px/1.6 Inter,Arial,sans-serif; letter-spacing:.025em; }
.mh-context-top>strong { display:block; font:600 24px/1.3 Inter,Arial,sans-serif; letter-spacing:-.035em; color:#173d59; margin:6px 0 16px; }
.mh-alert-badge { display:inline-flex; align-items:center; gap:8px; color:#82551e; background:#f8eddf; border:1px solid #e6d1b4; padding:7px 10px; border-radius:6px; font-size:12px; }
.mh-alert-badge:before { content:""; width:6px; height:6px; border-radius:50%; background:#ad7734; }
.mh-lube-diagram { margin:22px -6px 16px; }
.mh-lube-diagram svg { display:block; width:100%; height:auto; }
.mh-lube-diagram>span { display:block; text-align:center; color:#587183; font-size:11px; margin-top:4px; }
.mh-signal-path { animation:mh-flow-once 2.8s linear 1; }
@keyframes mh-flow-once { to { stroke-dashoffset:-52; } }
.mh-context-facts { border-top:1px solid #d6e2e9; padding-top:10px; }
.mh-context-facts>div { display:flex; justify-content:space-between; gap:12px; padding:8px 0; font-size:12px; }
.mh-context-facts span { color:#5c7282; }
.mh-context-facts strong { font-weight:500; color:#24465e; }
.mh-context-note { margin:18px 0 0; color:#587183; font-size:12px; line-height:1.75; }
.mh-evidence-stage { min-width:0; padding:30px; scroll-margin-top:92px; }
.mh-evidence-stage:focus { outline:none; }
.mh-evidence-stage h3 { font:600 clamp(23px,2.2vw,29px)/1.3 Inter,Arial,sans-serif; letter-spacing:-.035em; color:#193e58; margin:0 0 24px; }
.mh-evidence-stage h4 { font:600 18px/1.4 Inter,Arial,sans-serif; color:#193e58; margin:0 0 10px; }
.mh-evidence-stage p { font-size:14px; line-height:1.75; }
.mh-event-strip { display:flex; gap:18px; align-items:flex-start; padding:17px 18px; border:1px solid #d8e3eb; border-radius:8px; background:#fafcfd; }
.mh-event-strip>span { font:500 12px/1.6 Inter,Arial,sans-serif; color:#6b7d8a; padding-top:2px; }
.mh-event-strip strong { font-size:14px; font-weight:600; }
.mh-event-strip p { color:#587183; margin:5px 0 0; font-size:13px; }
.mh-mechanic-question { margin:23px 0; border-left:2px solid #b9d0dc; padding:0 0 0 18px; }
.mh-mechanic-question>span { color:#5c7282; font-size:12px; }
.mh-mechanic-question p { color:#24465e; font-size:20px; line-height:1.55; margin:7px 0 0; letter-spacing:-.025em; }
.mh-first-answer { padding:20px; border:1px solid #d7e5eb; border-radius:9px; background:#f0f7fa; }
.mh-first-answer p { margin:0; color:#405f73; }
.mh-inline-source { display:inline-flex; justify-content:center; align-items:center; min-height:44px; min-width:44px; padding:0 8px; border:0; background:transparent; color:#126d87; cursor:pointer; font:600 14px Inter,Arial,sans-serif; }
.mh-evidence-stage .mh-operating-note { font-size:12px; color:#526b7d; margin:16px 0 0; line-height:1.75; }
.mh-questions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:20px; }
.mh-questions button { border:1px solid #cbdce5; border-radius:7px; background:#fff; text-align:left; padding:12px 13px; min-height:48px; color:#37596e; font:500 13px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mh-questions button:hover { background:#f4f8fa; }
.mh-questions button[aria-pressed="true"] { background:#eaf3f6; color:#174e66; border-color:#78a9bb; box-shadow:inset 3px 0 #2b7e91; }
.mh-response { padding:20px; background:#f3f8fa; border:1px solid #d6e4eb; border-radius:9px; }
.mh-response p { color:#405f73; margin:0; }
.mh-response .mh-response-action { margin-top:12px; padding-top:12px; border-top:1px solid #d6e4eb; color:#24465e; }
.mh-manual { margin-top:16px; border:1px solid #ccdde6; border-radius:8px; overflow:hidden; }
.mh-manual summary { display:flex; justify-content:space-between; align-items:center; gap:12px; cursor:pointer; padding:14px 16px; background:#fff; min-height:48px; list-style:none; }
.mh-manual summary::-webkit-details-marker { display:none; }
.mh-manual summary>span:first-child { font-size:13px; line-height:1.6; }
.mh-manual summary strong { font-weight:500; }
.mh-manual summary b { color:#167089; margin-right:5px; }
.mh-language { flex-shrink:0; color:#176d82; background:#edf5f8; font-size:11px; padding:4px 6px; border-radius:4px; }
.mh-manual summary:after { content:"+"; color:#365f74; }
.mh-manual[open] summary:after { content:"−"; }
.mh-manual-body { padding:0 16px 14px; border-top:1px solid #e0e9ef; }
.mh-manual-body .mh-source-location { font-size:11px; color:#536e80; margin:13px 0; overflow-wrap:anywhere; }
.mh-translation { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.mh-translation>div { padding-left:12px; border-left:2px solid #c5dbe6; }
.mh-translation>div:last-child { border-color:#5193a5; }
.mh-translation span { color:#617888; font-size:11px; }
.mh-translation blockquote,.mh-translation p { padding:0; margin:7px 0 0; color:#25495f; font-size:14px; line-height:1.6; border:0; background:none; }
.mh-manual a { display:inline-flex; gap:12px; align-items:center; margin-top:10px; padding:8px 0; min-height:44px; color:#176881; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.mh-action-intro { margin:-10px 0 22px; color:#526f80; }
.mh-inspections { min-width:0; border:0; margin:0; padding:0; }
.mh-inspections legend { font-size:12px; line-height:1.65; color:#546e80; padding:0 0 10px; }
.mh-inspections label { display:block; padding:18px 0; border-top:1px solid #dce7ed; }
.mh-inspections label>span { display:block; font:500 14px/1.65 Inter,Arial,sans-serif; }
.mh-inspections b { font-size:12px; color:#5c8599; margin-right:8px; }
.mh-inspections small { display:block; margin:7px 0; color:#546e80; font-size:12px; line-height:1.6; }
.mh-inspections select { appearance:auto; display:block; width:100%; min-width:0; max-width:100%; border:1px solid #bbd1de; border-radius:7px; padding:10px 12px; min-height:48px; margin-top:10px; color:#24465e; background:#fff; font:400 16px/1.5 Inter,Arial,sans-serif; }
.mh-result-tools { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.mh-result-tools button { background:#f1f6f9; border:1px solid #cbdce6; border-radius:7px; color:#285d75; font:500 12px/1.6 Inter,Arial,sans-serif; padding:11px 13px; min-height:44px; cursor:pointer; }
.mh-result-tools button:last-child { background:#fff; }
.mh-inspection-result { padding:20px; background:#f3f8fa; border:1px solid #d2e1e9; border-left:3px solid #729caf; border-radius:8px; }
.mh-inspection-result[data-status="attention"] { background:#fcf8f2; border-left-color:#aa783d; }
.mh-inspection-result p { color:#405f73; margin:0; }
.mh-maintenance-plan { margin-top:16px; border-bottom:1px solid #d6e3ea; }
.mh-maintenance-plan summary { padding:12px 0; cursor:pointer; font-size:14px; color:#28566e; min-height:48px; }
.mh-maintenance-plan>div { padding:4px 0 16px; }
.mh-maintenance-plan p { margin:0 0 12px; color:#405f73; }
.mh-maintenance-plan a { color:#176881; text-decoration:underline; text-underline-offset:3px; }
.mh-maintenance-plan small { font-size:12px; line-height:1.7; color:#546e80; display:block; }
.mh-evidence-bottom { display:flex; justify-content:space-between; align-items:center; gap:22px; border-top:1px solid #dae6ed; padding-top:20px; margin-top:24px; }
.mh-evidence-bottom>span { color:#587183; font-size:12px; line-height:1.7; max-width:260px; }
.mh-evidence-bottom button { flex-shrink:0; border:0; border-radius:7px; padding:13px 17px; min-height:48px; color:#fff; background:#173f59; font:500 13px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mh-evidence-bottom button:hover { background:#215b74; }
.mh-evidence-bottom button span { margin-left:10px; }
.mh-demo--evidence .mh-demo-disclaimer { color:#536e80; font-size:12px; text-align:left; padding:16px 24px; }
@media(max-width:1050px) { .mh-evidence-layout { grid-template-columns:240px minmax(0,1fr); } .mh-machine-context { padding:24px 18px; } .mh-evidence-stage { padding:26px 22px; } .mh-evidence-bottom { flex-direction:column; align-items:flex-start; gap:12px; } .mh-evidence-bottom>span { max-width:none; } .mh-questions { grid-template-columns:1fr; } }
@media(max-width:900px) { .mh-evidence-layout { grid-template-columns:1fr; } .mh-machine-context { display:grid; grid-template-columns:minmax(0,1fr) 130px; align-items:center; gap:10px; border:0; border-bottom:1px solid #d8e3eb; padding:20px; } .mh-context-top>strong { font-size:22px; margin-bottom:12px; } .mh-context-top .mh-kicker { font-size:11px; } .mh-lube-diagram { margin:0; } .mh-lube-diagram>span,.mh-context-facts,.mh-context-note { display:none; } .mh-demo--evidence:not([data-state="signal"]) .mh-machine-context { display:none; } .mh-demo--evidence .mh-scenario button { padding:13px 12px; gap:4px; } .mh-demo--evidence .mh-scenario strong { font-size:12px; } .mh-demo--evidence .mh-scenario button>span { font-size:11px; } .mh-evidence-stage { padding:24px 20px; } .mh-questions { grid-template-columns:1fr 1fr; } .mh-evidence-stage h3 { font-size:25px; } .mh-evidence-bottom button { width:100%; display:flex; justify-content:space-between; } }
@media(max-width:440px) { .mh-machine-context { grid-template-columns:minmax(0,1fr) 85px; padding:18px 16px; gap:0; } .mh-alert-badge { font-size:11px; padding:6px 7px; } .mh-context-top>strong { font-size:21px; } .mh-evidence-stage { padding:24px 16px; } .mh-demo--evidence .mh-scenario button { padding:12px 8px; } .mh-demo--evidence .mh-scenario strong { font-size:11px; } .mh-demo--evidence .mh-demo-label { padding-left:0; } .mh-questions { grid-template-columns:1fr; } .mh-event-strip { gap:10px; padding:14px 12px; } .mh-mechanic-question p { font-size:18px; } .mh-first-answer,.mh-response,.mh-inspection-result { padding:16px; } .mh-translation { grid-template-columns:1fr; gap:14px; } .mh-manual summary { flex-wrap:wrap; gap:6px; padding:12px; } .mh-manual summary>span:first-child { flex-basis:100%; } .mh-manual-body { padding:0 12px 12px; } .mh-result-tools { flex-direction:column; } .mh-demo--evidence .mh-demo-disclaimer { padding:16px; } }
@media(prefers-reduced-motion:reduce) { .mh-demo--evidence .mh-signal-path,.mh-demo--evidence .mh-scene { animation:none; } }