:root{--intake:#4cc3ff;--air:#b9d7e8;--compressed:#7fa7ff;--burn:#ff7a1a;--flame:#ffd166;--exhaust:#7a7f87;--stroke-intake:var(--intake);--stroke-compression:var(--compressed);--stroke-power:var(--burn);--stroke-exhaust:var(--exhaust)}.gauge-dial{flex-direction:column;align-items:center;gap:6px;display:flex}.dial{width:164px;height:164px;display:block;overflow:visible}.dial-track{fill:none;stroke:var(--wash)}.dial-stroke,.dial-window{fill:none;stroke-linecap:butt;transition:opacity .25s}.dial-window{stroke-linecap:round}.dial-tick{stroke:var(--text);stroke-width:1.5px;opacity:.55}.dial-tick-label{fill:var(--muted);font:500 14px var(--font-mono);text-anchor:middle;dominant-baseline:middle}.dial-needle line{stroke:var(--text);stroke-width:2.5px;stroke-linecap:round}.dial-needle circle{fill:var(--text)}.dial-centre{font:600 16.5px var(--font-sans);text-anchor:middle;dominant-baseline:central;letter-spacing:-.01em;paint-order:stroke;stroke:var(--surface);stroke-width:6px;stroke-linejoin:round}.dial-legend{width:180px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:2px 10px;margin:0;padding:0;font-size:.6875rem;list-style:none;display:flex}.dial-legend li{align-items:center;gap:4px;display:flex}.dial-legend li:before{content:"";background:var(--tone);border-radius:2px;width:9px;height:3px}.dial-legend [data-tone=intake]{--tone:var(--intake)}.dial-legend [data-tone=exhaust]{--tone:var(--metal-light)}.dial-legend [data-tone=ignition]{--tone:var(--flame)}[data-stroke=intake]{--tone:var(--stroke-intake)}[data-stroke=compression]{--tone:var(--stroke-compression)}[data-stroke=power]{--tone:var(--stroke-power)}[data-stroke=exhaust]{--tone:var(--stroke-exhaust)}.stroke-list{gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.stroke-list li{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 7%, transparent), transparent);border-radius:12px;padding:14px 16px 16px 18px;position:relative}.stroke-list li:before{content:"";background:var(--tone);border-radius:0 2px 2px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-1px}.stroke-list p{margin-bottom:10px;font-size:1rem;line-height:1.65}.chip[data-action=jump-stroke][data-value=intake]{--tone:var(--stroke-intake)}.chip[data-action=jump-stroke][data-value=compression]{--tone:var(--stroke-compression)}.chip[data-action=jump-stroke][data-value=power]{--tone:var(--stroke-power)}.chip[data-action=jump-stroke][data-value=exhaust]{--tone:var(--stroke-exhaust)}.chip[data-action=engine-type][data-value=diesel]{--tone:var(--air)}.chip[data-action=layout][data-value=single]{--tone:var(--metal-light)}.comparison thead th{color:var(--text);background:var(--wash);font-weight:600}.comparison thead th:nth-child(2){color:var(--accent)}.comparison thead th:nth-child(3){color:var(--air)}.comparison tbody th{width:30%;color:var(--muted);font-weight:500}.comparison td.number{font-size:.875rem}.compression-track{gap:4px;display:grid}.compression-bands{height:20px;margin-inline:7px;position:relative}.compression-band{top:0;left:var(--from);width:calc(var(--to) - var(--from));border-top:3px solid color-mix(in srgb, var(--band-color) 55%, transparent);color:var(--muted);text-align:center;padding-top:6px;font-size:.75rem;line-height:1;transition:color .2s,border-color .2s;position:absolute}.compression-band[data-band=petrol]{--band-color:var(--accent)}.compression-band[data-band=diesel]{--band-color:var(--air)}.compression-band[data-active=true]{border-top-color:var(--band-color);color:var(--text)}.diagram{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff06,#ffffff03);margin:28px 0 8px;padding:16px 14px 12px;container-type:inline-size}.diagram-canvas{min-height:160px}.diagram figcaption{color:var(--muted);margin-top:10px;font-size:.8125rem;line-height:1.5}.chart{display:block;overflow:visible}.chart-block{gap:8px;display:grid}.chart-text,.chart-note,.chart-title,.chart-axis-label,.chart-axis-detail,.chart-tick-label,.chart-row-label,.chart-stroke-label,.chart-segment-label{font-family:var(--font-sans);fill:var(--muted)}.chart-title{fill:var(--prose);font-size:11.5px;font-weight:500}.chart-note,.chart-axis-label,.chart-axis-detail{paint-order:stroke;stroke:#0e1014;stroke-width:4px;stroke-linejoin:round}.chart-note{dominant-baseline:middle;font-size:11px}.chart-note-strong{fill:var(--text);font-weight:500}.chart-axis-label{text-anchor:middle;fill:var(--prose);font-size:11px;font-weight:500}.chart-axis-detail,.chart-tick-label{font-family:var(--font-mono);font-size:10px}.chart-axis-detail{text-anchor:middle}.chart-tick-label{text-anchor:end;dominant-baseline:middle}.chart-row-label{text-anchor:end;dominant-baseline:middle;font-size:12px;font-weight:600}.chart-stroke-label{text-anchor:middle;dominant-baseline:central;font-size:11px;font-weight:600}.chart-segment-label{text-anchor:middle;dominant-baseline:central;fill:#1a0f06;font-size:10.5px;font-weight:600}.chart-grid{stroke:var(--line-strong);stroke-width:1px}.chart-grid-soft{stroke:var(--line)}.chart-baseline{stroke:var(--line-strong)}.chart-reference{stroke:var(--muted);stroke-dasharray:2 4;opacity:.7}.chart-line{fill:none;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.chart-line-bold{stroke-width:2.2px}.chart-line-dashed{stroke-dasharray:5 4}.chart-marker{stroke-width:1.5px;stroke-dasharray:3 3}.chart-point{stroke:var(--background);stroke-width:2px}.chart-cursor line{stroke:var(--text);stroke-width:1.25px;opacity:.75}.chart-cursor-dot{stroke:var(--background);stroke-width:2px}.chart-legend{color:var(--prose);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.chart-legend li{align-items:center;gap:7px;display:flex}.chart-legend li[data-muted]{color:var(--muted)}.chart-legend-swatch{border-top:2.5px solid var(--swatch);width:18px;height:0}.chart-legend li[data-dashed] .chart-legend-swatch{border-top-style:dashed;border-top-width:2px}.firing-sequence{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.8125rem;display:flex}.firing-step{background:var(--wash);min-width:22px;height:22px;color:var(--text);font:500 .8125rem var(--font-mono);border-radius:6px;place-items:center;display:inline-grid}.firing-step:first-of-type{margin-left:4px}.firing-step[data-firing]{background:var(--burn);color:var(--background)}.cylinder-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cylinder-chip{border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);background:color-mix(in srgb, var(--tone) 9%, transparent);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.cylinder-chip[data-stroke=power]{background:color-mix(in srgb, var(--tone) 22%, transparent);box-shadow:0 0 18px -6px var(--tone)}.cylinder-number{background:var(--tone);width:22px;height:22px;color:var(--background);font:600 .8125rem var(--font-mono);border-radius:6px;flex:none;place-items:center;display:grid}.cylinder-stroke{min-width:0;color:var(--tone);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}@container (width<=520px){.cylinder-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.diagram{margin-inline:-8px;padding-inline:10px}}
