.viscosity-guide-module__4H-aKq__root{--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--row-label:3rem;border:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr);margin-top:3rem;display:grid}@media (min-width:900px){.viscosity-guide-module__4H-aKq__root{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.viscosity-guide-module__4H-aKq__controls{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}@media (min-width:768px){.viscosity-guide-module__4H-aKq__controls{padding:2rem}}.viscosity-guide-module__4H-aKq__label{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.25em;color:var(--steel);text-transform:uppercase;margin:0;padding:0;font-size:.75rem}.viscosity-guide-module__4H-aKq__picker{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.viscosity-guide-module__4H-aKq__picker>.viscosity-guide-module__4H-aKq__label{margin-bottom:.25rem}.viscosity-guide-module__4H-aKq__pickerRow{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.viscosity-guide-module__4H-aKq__pickerName{min-width:5.5rem;color:var(--muted);font-size:.875rem}.viscosity-guide-module__4H-aKq__chips{flex-wrap:wrap;gap:.375rem;display:flex}.viscosity-guide-module__4H-aKq__chip{appearance:none;border:1px solid var(--border);min-width:2.75rem;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;padding:.4rem .6rem;font-size:.875rem;transition:color .3s,background-color .3s,border-color .3s}.viscosity-guide-module__4H-aKq__chip:hover:not(:disabled){border-color:var(--accent);color:var(--foreground)}.viscosity-guide-module__4H-aKq__chip:focus-visible,.viscosity-guide-module__4H-aKq__row:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.viscosity-guide-module__4H-aKq__chip:disabled{cursor:not-allowed;opacity:.3}.viscosity-guide-module__4H-aKq__chipActive,.viscosity-guide-module__4H-aKq__chipActive:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--background)}.viscosity-guide-module__4H-aKq__readout{border-top:1px solid var(--border);background:radial-gradient(ellipse at 100% 0%, #e8a3171f, transparent 60%), var(--surface-elevated);flex-direction:column;gap:.875rem;padding:2rem 1.5rem;display:flex}@media (min-width:900px){.viscosity-guide-module__4H-aKq__readout{border-top:none;border-left:1px solid var(--border);padding:2rem}}.viscosity-guide-module__4H-aKq__grade{font-family:var(--font-display), system-ui, sans-serif;color:var(--foreground);font-size:3rem;font-weight:600;line-height:1}@media (min-width:768px){.viscosity-guide-module__4H-aKq__grade{font-size:4rem}}.viscosity-guide-module__4H-aKq__badge{border:1px solid;align-self:flex-start;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .4rem;font-size:.875rem;font-weight:600;display:inline-flex}.viscosity-guide-module__4H-aKq__badgeIcon,.viscosity-guide-module__4H-aKq__swatch{width:1.25rem;height:1.25rem;color:var(--background);border-radius:2px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.viscosity-guide-module__4H-aKq__rated{--status:var(--status-good)}.viscosity-guide-module__4H-aKq__hardCranking{--status:var(--status-warning)}.viscosity-guide-module__4H-aKq__belowPumping{--status:var(--status-critical)}.viscosity-guide-module__4H-aKq__badge{color:var(--status)}.viscosity-guide-module__4H-aKq__badgeIcon,.viscosity-guide-module__4H-aKq__swatch,.viscosity-guide-module__4H-aKq__segment{background:var(--status)}.viscosity-guide-module__4H-aKq__explain{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.6}.viscosity-guide-module__4H-aKq__decode{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;margin:0;padding:.875rem 0;display:flex}.viscosity-guide-module__4H-aKq__decode div{grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.75rem;font-size:.875rem;line-height:1.5;display:grid}.viscosity-guide-module__4H-aKq__decode dt{color:var(--steel)}.viscosity-guide-module__4H-aKq__decode dd{color:var(--foreground);margin:0}.viscosity-guide-module__4H-aKq__chart{border-top:1px solid var(--border);grid-column:1/-1;margin:0;padding:1.5rem}@media (min-width:768px){.viscosity-guide-module__4H-aKq__chart{padding:2rem}}.viscosity-guide-module__4H-aKq__chartHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:2.25rem;display:flex}.viscosity-guide-module__4H-aKq__chartTitle{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.1em;color:var(--foreground);text-transform:uppercase;font-size:1rem;font-weight:600}.viscosity-guide-module__4H-aKq__legend{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.viscosity-guide-module__4H-aKq__legendItem{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.viscosity-guide-module__4H-aKq__plot{position:relative}.viscosity-guide-module__4H-aKq__rows{flex-direction:column;gap:.375rem;display:flex;position:relative}.viscosity-guide-module__4H-aKq__row{appearance:none;grid-template-columns:var(--row-label) 1fr;font:inherit;cursor:pointer;opacity:.4;background:0 0;border:none;align-items:center;padding:0;transition:opacity .2s;display:grid}.viscosity-guide-module__4H-aKq__row:hover,.viscosity-guide-module__4H-aKq__rowActive{opacity:1}.viscosity-guide-module__4H-aKq__rowLabel{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.06em;color:var(--foreground);text-align:left;font-size:.875rem}.viscosity-guide-module__4H-aKq__track{height:1.25rem;display:block;position:relative}.viscosity-guide-module__4H-aKq__segment{border-left:1px solid var(--surface);border-right:1px solid var(--surface);box-sizing:border-box;border-radius:4px;position:absolute;top:0;bottom:0}.viscosity-guide-module__4H-aKq__overlay{top:0;bottom:0;left:var(--row-label);pointer-events:none;position:absolute;right:0}.viscosity-guide-module__4H-aKq__marker{background:var(--foreground);width:2px;box-shadow:0 0 0 2px var(--surface);margin-left:-1px;transition:left .15s;position:absolute;top:-.5rem;bottom:-.5rem}.viscosity-guide-module__4H-aKq__markerLabel{white-space:nowrap;color:var(--foreground);font-size:.75rem;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-.25rem)}.viscosity-guide-module__4H-aKq__axis{height:1.5rem;margin:.75rem 0 0 var(--row-label);position:relative}.viscosity-guide-module__4H-aKq__axisTick{white-space:nowrap;color:var(--steel);font-size:.75rem;position:absolute;top:0;transform:translate(-50%)}.viscosity-guide-module__4H-aKq__axisTick:first-child{transform:none}.viscosity-guide-module__4H-aKq__axisTick:last-child{transform:translate(-100%)}.viscosity-guide-module__4H-aKq__products{border-top:1px solid var(--border);flex-direction:column;grid-column:1/-1;gap:.75rem;padding:1.5rem;display:flex}@media (min-width:768px){.viscosity-guide-module__4H-aKq__products{padding:2rem}}.viscosity-guide-module__4H-aKq__catalogueLink{color:var(--accent);align-self:flex-start;font-size:.875rem;font-weight:600;text-decoration:none}.viscosity-guide-module__4H-aKq__catalogueLink:hover{text-decoration:underline}