/* ==========================================================================
   AltTune OBD-II — index / search landing
   Reuses the marketing theme's "Cloneable ECUs" visual language (ce-hero header
   + ce-toolbar search + ce-table listing). Layered on top of code-page.css,
   which provides the .alttune-obd base + severity badge tokens. Theme design
   tokens (--performance-orange, --steel-silver, --font-display, --fg-*) come
   from the theme's globally-loaded tokens.css; safe fallbacks are inlined so
   the page degrades gracefully if it ever renders without the theme.
   ========================================================================== */

/* The index page provides its own full-bleed hero + listing, so it does not use
   the boxed two-column shell padding from code-page.css. */
.alttune-obd-index {
	padding: 0 0 96px;
	background: #fff;
}
.alttune-obd-index .alttune-obd-shell { display: block; max-width: none; }

/* ---- Hero (av-hero — clip-path shaped card, copied from the alttune-vehicles
   plugin's archive hero so it matches the Vehicles list page exactly. Scoped
   under .av-hero here so it is self-contained and does NOT depend on the
   vehicles plugin stylesheet being enqueued on this page. Vehicle-plugin
   hard-coded colours adapted to the marketing theme tokens. ---------------- */
.alttune-obd-hero.av-hero {
	/* Full-bleed top: mirror the theme's .ce-hero (Cloneable ECUs) exactly so the
	   dark hero photo runs to the very top and UNDER the fixed nav. The nav stays
	   transparent with white text over the photo (the index route omits
	   `bad-nav-light`). The breadcrumb/title clear the nav via the larger
	   padding-top on .av-hero-content below — NOT by pushing the whole shaped box
	   down (the old 124px push-down created the white gap + forced black nav). */
	padding: 15px 32px 0;
	background: #fff;
	margin-bottom: 24px;
	position: relative;
}
.alttune-obd-hero .av-hero-shape {
	position: relative;
	max-width: 1860px;
	margin: 0 auto;
	aspect-ratio: 1860 / 460;
}
.alttune-obd-hero .av-hero-photo {
	position: absolute;
	inset: 0;
	background-color: var(--rubber-black, #050505); /* fallback if the inline background-image fails */
	background-size: cover;
	background-position: center;
	/* Rounded-rect fallback so the box looks fine even before hero-clip.js runs
	   (or if JS is disabled). The userSpaceOnUse clip-path below overrides this
	   once the JS fills the path; until then there's no flash of a wrong shape. */
	border-radius: clamp(16px, 1.78vw, 30px);
	clip-path: url(#av-hero-clip);
	-webkit-clip-path: url(#av-hero-clip);
}
/* ---- Hero entrance reveal -------------------------------------------------
   Subtle fade + scale-in once the clip path is built and .is-revealed is set
   by hero-clip.js. Kept premium/understated and structured so it never fights
   the clip rebuild (the clip-path lives on .av-hero-photo; the reveal lives on
   the parent .av-hero-shape, so re-running the builder won't restart it). */
.alttune-obd-hero .av-hero-shape {
	opacity: 0;
	transform: scale(0.985);
	transform-origin: center;
	transition:
		opacity 620ms cubic-bezier(.32, .72, 0, 1),
		transform 760ms cubic-bezier(.32, .72, 0, 1);
}
.alttune-obd-hero .av-hero-shape.is-revealed {
	opacity: 1;
	transform: scale(1);
}
.alttune-obd-hero .av-hero-badge {
	opacity: 0;
	transform: translate(8px, 8px) scale(0.7);
	transform-origin: center;
	transition:
		opacity 480ms cubic-bezier(.32, .72, 0, 1),
		transform 540ms cubic-bezier(.32, .72, 0, 1);
}
.alttune-obd-hero .av-hero-shape.is-revealed .av-hero-badge {
	opacity: 1;
	transform: translate(0, 0) scale(1);
	transition-delay: 120ms;
}
@media (prefers-reduced-motion: reduce) {
	.alttune-obd-hero .av-hero-shape,
	.alttune-obd-hero .av-hero-shape.is-revealed,
	.alttune-obd-hero .av-hero-badge,
	.alttune-obd-hero .av-hero-shape.is-revealed .av-hero-badge {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}
.alttune-obd-hero .av-hero-svg {
	position: absolute;
	inset: 0;
	width: 0; height: 0;
	pointer-events: none;
}
.alttune-obd-hero .av-hero-badge {
	position: absolute;
	right: 0.11%;
	bottom: 0;
	width: 5.16%;
	aspect-ratio: 1 / 1;
	background: var(--rubber-black, #050505);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}
.alttune-obd-hero .av-hero-badge img,
.alttune-obd-hero .av-hero-badge svg {
	width: 47%;
	height: auto;
	display: block;
}
.alttune-obd-hero .av-hero-content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 56px 56px 48px;
	max-width: 1140px;
	margin: 0 auto;
}
.alttune-obd-hero .av-hero-content .crumbs {
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
	display: flex; gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 18px;
}
.alttune-obd-hero .av-hero-content .crumbs a {
	color: inherit;
	text-decoration: none;
}
.alttune-obd-hero .av-hero-content .crumbs a:hover { color: #ffffff; }
.alttune-obd-hero .av-hero-content .crumbs .sep { opacity: .4; }
.alttune-obd-hero .av-hero-content h1 {
	font-family: var(--font-display, sans-serif);
	font-weight: 800;
	font-size: clamp(36px, 5vw, 64px);
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 0 18px;
	padding: 0; border: 0;
}
.alttune-obd-hero .av-hero-content .sub {
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .78);
	max-width: 64ch;
	margin: 0 0 26px;
}
.alttune-obd-hero .av-hero-content .sub strong {
	color: #ffffff;
	font-weight: 700;
}

/* Search field — base (centered pill) + in-hero (translucent dark) variant. */
.alttune-obd-hero .av-search-hero {
	display: flex;
	justify-content: center;
	margin: 0 0 22px;
	padding: 0;
}
.alttune-obd-hero .av-search-hero__field {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 680px;
	background: #ffffff;
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
	transition: border-color .15s, box-shadow .15s;
}
.alttune-obd-hero .av-search-hero__field:focus-within {
	border-color: var(--rubber-black, #050505);
	box-shadow: 0 2px 10px rgba(5, 5, 5, .18);
}
.alttune-obd-hero .av-search-hero__icon {
	flex: 0 0 auto;
	align-self: center;
	margin: 0 6px 0 18px;
	color: #6b7280;
}
.alttune-obd-hero .av-search-hero__input {
	flex: 1 1 auto;
	min-width: 0;
	border: none !important;
	background: transparent !important;
	padding: 14px 12px !important;
	font-size: 15px;
	color: #1f2937;
	outline: none !important;
	box-shadow: none !important;
}
.alttune-obd-hero .av-search-hero__input::placeholder { color: #9ca3af; }
.alttune-obd-hero .av-search-hero__submit {
	flex: 0 0 auto;
	background: var(--rubber-black, #050505);
	color: #ffffff;
	border: none;
	margin: 4px;
	padding: 0 22px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s;
}
.alttune-obd-hero .av-search-hero__submit:hover,
.alttune-obd-hero .av-search-hero__submit:focus-visible {
	background: #1a1a1a;
	outline: none;
}

/* In-hero variant — translucent dark field on the photo, subtle orange CTA. */
.alttune-obd-hero .av-search-hero--in-hero {
	width: 100%;
	margin: 0;
}
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__field {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	backdrop-filter: blur(6px);
	box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__field:focus-within {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .45);
	box-shadow: 0 6px 22px rgba(0, 0, 0, .35);
}
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__icon { color: rgba(255, 255, 255, .55); }
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__input { color: #ffffff; }
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__input::placeholder { color: rgba(255, 255, 255, .55); }
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__submit {
	background: var(--performance-orange, #F26921);
	color: #ffffff;
}
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__submit:hover,
.alttune-obd-hero .av-search-hero--in-hero .av-search-hero__submit:focus-visible {
	background: var(--performance-orange-700, #C9501A);
}

/* Hero responsive — drop the clip angles for a rounded rect at portrait, and
   let the content drive the box height instead of a fixed aspect ratio (which
   squished/cropped the text on narrow screens). The photo stays as an absolute
   background layer behind statically-flowed content. */
@media (max-width: 720px) {
	.alttune-obd-hero.av-hero { padding: 88px 16px 0; }
	.alttune-obd-hero .av-hero-shape {
		aspect-ratio: auto;        /* height follows content, no more squish */
		min-height: 360px;
		display: flex;
		border-radius: 24px;
		overflow: hidden;
	}
	.alttune-obd-hero .av-hero-photo {
		border-radius: clamp(14px, 3vw, 22px);
		clip-path: inset(0 round clamp(14px, 3vw, 22px)) !important;
		-webkit-clip-path: inset(0 round clamp(14px, 3vw, 22px)) !important;
	}
	.alttune-obd-hero .av-hero-badge { display: none; }
	.alttune-obd-hero .av-hero-content {
		position: relative;        /* flow normally so it sets the height */
		inset: auto;
		width: 100%;
		padding: 36px 20px 32px;
	}
	.alttune-obd-hero .av-hero-content h1 { font-size: clamp(30px, 8vw, 44px); }
	.alttune-obd-hero .av-hero-content .sub { font-size: 15px; }
}

/* ---- Listing section ----------------------------------------------------- */
.alttune-obd-listing { padding: 0 32px; background: #fff; }
.alttune-obd-listing .ce-inner { max-width: 1440px; margin: 0 auto; }
@media (max-width: 720px) {
	.alttune-obd-listing { padding: 0 16px; }
}

/* ---- Family tabs --------------------------------------------------------- */
.alttune-obd-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 30px 0 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--steel-silver, #D9D8D8);
}
.alttune-obd-tab {
	display: inline-flex; align-items: center; gap: 9px;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid var(--steel-silver, #D9D8D8);
	background: #fff;
	color: var(--fg-2, #4a4a4a);
	font-family: var(--font-sans, sans-serif);
	font-size: 14px; font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.01em;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.alttune-obd-tab:hover {
	border-color: var(--rubber-black, #050505);
	color: var(--rubber-black, #050505);
}
.alttune-obd-tab-count {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 22px; height: 20px; padding: 0 7px;
	border-radius: 999px;
	background: var(--steel-silver-100, #F2F1F1);
	color: var(--fg-3, #8a8a8a);
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 11px; font-weight: 700; line-height: 1;
}
/* Active tab — black pill with the brand orange count, matching the theme's
   active/selected language (the radio-pill / nav active states are dark). */
.alttune-obd-tab.is-active {
	border-color: var(--rubber-black, #050505);
	background: var(--rubber-black, #050505);
	color: var(--pure-white, #fff);
}
.alttune-obd-tab.is-active .alttune-obd-tab-count {
	background: var(--performance-orange, #F26921);
	color: #fff;
}

/* ---- Toolbar / search (ce-toolbar style) --------------------------------- */
.alttune-obd-toolbar {
	display: grid;
	grid-template-columns: minmax(240px, 1fr) auto;
	align-items: center;
	gap: 12px;
	background: #fff;
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 16px;
	padding: 12px 14px;
	margin: 0 0 18px;
}
.alttune-obd-search { position: relative; }
.alttune-obd-search .ic {
	position: absolute; left: 14px; top: 0; bottom: 0;
	display: flex; align-items: center;
	color: var(--fg-3, #8a8a8a); pointer-events: none;
}
.alttune-obd-search-input {
	width: 100%;
	font-family: var(--font-sans, sans-serif); font-size: 14px;
	padding: 11px 16px 11px 40px;
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 999px;
	background: #fff; color: var(--fg-1, #050505);
	outline: none; transition: border-color .16s ease, box-shadow .16s ease;
	box-shadow: none;
}
.alttune-obd-search-input:focus {
	border-color: var(--rubber-black, #050505);
	box-shadow: 0 0 0 3px rgba(5,5,5,.08);
}
.alttune-obd-search-input::placeholder { color: var(--fg-3, #8a8a8a); }
.alttune-obd-toolbar .meta-row {
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
	justify-content: flex-end;
}
.alttune-obd-toolbar .meta {
	font-family: var(--font-mono, ui-monospace, monospace); font-size: 11px;
	letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--fg-3, #8a8a8a); white-space: nowrap;
}
.alttune-obd-toolbar .meta strong { color: var(--rubber-black, #050505); font-weight: 700; }
@media (max-width: 700px) {
	.alttune-obd-toolbar { grid-template-columns: 1fr; }
	.alttune-obd-toolbar .meta-row { justify-content: flex-start; }
}

/* ---- Results table (ce-table style) -------------------------------------- */
.alttune-obd-table-wrap {
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 14px;
	background: #fff; overflow: hidden;
}
.alttune-obd-table {
	width: 100%; border-collapse: collapse;
	font-family: var(--font-sans, sans-serif); font-size: 14px;
}
.alttune-obd-table th, .alttune-obd-table td {
	padding: 14px 18px; text-align: left;
	border-bottom: 1px solid var(--steel-silver, #D9D8D8);
	vertical-align: middle;
}
.alttune-obd-table th {
	font-family: var(--font-mono, ui-monospace, monospace); font-size: 10px;
	letter-spacing: 0.18em; text-transform: uppercase;
	color: var(--fg-2, #4a4a4a); font-weight: 500;
	background: var(--steel-silver-50, #F8F7F7);
	white-space: nowrap;
}
.alttune-obd-table tbody tr { transition: background .12s ease; cursor: pointer; }
.alttune-obd-table tbody tr:hover { background: var(--steel-silver-50, #F8F7F7); }
.alttune-obd-table tbody tr:last-child td { border-bottom: none; }

.alttune-obd-table .col-code { width: 120px; white-space: nowrap; }
.alttune-obd-code-link {
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 14px; font-weight: 700;
	color: var(--rubber-black, #050505); text-decoration: none;
	letter-spacing: 0.02em;
}
.alttune-obd-code-link:hover { color: var(--performance-orange, #F26921); }
.alttune-obd-name-link {
	color: var(--fg-1, #050505); text-decoration: none;
	font-size: 14px; line-height: 1.45;
}
.alttune-obd-table tbody tr:hover .alttune-obd-name-link { color: var(--performance-orange-700, #C9501A); }
.alttune-obd-table .col-sev { width: 130px; white-space: nowrap; }
.alttune-obd-table .col-go { width: 44px; text-align: right; }
.alttune-obd-go {
	display: inline-flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; border-radius: 999px;
	color: var(--fg-3, #8a8a8a);
	transition: background .14s ease, color .14s ease;
}
.alttune-obd-table tbody tr:hover .alttune-obd-go {
	background: var(--steel-silver-100, #F2F1F1);
	color: var(--rubber-black, #050505);
}

@media (max-width: 640px) {
	.alttune-obd-table .col-go { display: none; }
	.alttune-obd-table th, .alttune-obd-table td { padding: 12px 12px; }
	.alttune-obd-table .col-code { width: 84px; }
	.alttune-obd-table .col-sev { width: auto; }
}

/* ---- Empty state --------------------------------------------------------- */
.alttune-obd-empty--listing {
	border: 1px dashed var(--steel-silver, #D9D8D8);
	border-radius: 14px;
	padding: 56px 24px;
	text-align: center;
	background: var(--steel-silver-50, #F8F7F7);
}
.alttune-obd-empty-title {
	margin: 0 0 6px;
	font-family: var(--font-display, sans-serif);
	font-size: 18px; font-weight: 700;
	color: var(--rubber-black, #050505);
}
.alttune-obd-empty-sub { margin: 0; color: var(--fg-3, #8a8a8a); font-size: 14px; }

/* ---- Load more ----------------------------------------------------------- */
/* Renders as .at-btn .at-btn-light in markup (the theme's secondary button).
   We only handle the hidden/disabled states here. */
.alttune-obd-loadmore-wrap { text-align: center; margin-top: 28px; }
.alttune-obd-loadmore[hidden] { display: none; }
.alttune-obd-loadmore:disabled { opacity: 0.5; cursor: default; }

/* Subtle busy state on the results region during fetch. */
.alttune-obd-results.is-loading { opacity: 0.55; transition: opacity .12s ease; }

/* ==========================================================================
   Most Common OBD-II Trouble Codes — curated card list
   ========================================================================== */
.alttune-obd-common { margin: 6px 0 30px; }
.alttune-obd-common-head { margin: 0 0 14px; }
.alttune-obd-common-eyebrow {
	/* Quick-reference eyebrow: medium weight + light grey (per design). */
	font-weight: 600;
	color: #9aa0a6;
	letter-spacing: 0.18em;
	margin-bottom: 8px;
}
.alttune-obd-common-title {
	font-family: var(--font-display, sans-serif); font-weight: 800;
	font-size: clamp(22px, 2.6vw, 32px); line-height: 1.05;
	letter-spacing: -0.01em; text-transform: uppercase;
	color: var(--rubber-black, #050505); margin: 0; padding: 0; border: 0;
}

/* Shared hairline-card list used by the common list AND range bodies. */
.alttune-obd-list { display: flex; flex-direction: column; }
.alttune-obd-list--card {
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 14px; background: #fff; overflow: hidden;
}

/* Column header row (common-codes only). */
.alttune-obd-list-head {
	display: grid;
	grid-template-columns: 132px 1fr 96px 38px;
	align-items: center; gap: 12px;
	padding: 12px 18px;
	background: var(--steel-silver-50, #F8F7F7);
	border-bottom: 1px solid var(--steel-silver, #D9D8D8);
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
	color: var(--fg-2, #4a4a4a);
}

/* One linked code row (common list + range bodies). Hover mirrors the
   .at-btn light feel: subtle steel fill + slide of the chevron. */
.alttune-obd-listrow {
	display: grid;
	grid-template-columns: 132px 1fr 96px 38px;
	align-items: center; gap: 12px;
	padding: 13px 18px;
	text-decoration: none;
	border-bottom: 1px solid var(--steel-silver, #D9D8D8);
	transition: background .14s ease;
}
.alttune-obd-list--card .alttune-obd-listrow:last-child,
.alttune-obd-range-body .alttune-obd-listrow:last-child { border-bottom: none; }
.alttune-obd-listrow:hover { background: var(--steel-silver-50, #F8F7F7); }
.alttune-obd-listrow-code {
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 14px; font-weight: 700; letter-spacing: 0.02em;
	color: var(--rubber-black, #050505);
}
.alttune-obd-listrow:hover .alttune-obd-listrow-code { color: var(--performance-orange, #F26921); }
.alttune-obd-listrow-desc {
	font-family: var(--font-sans, sans-serif);
	font-size: 14px; line-height: 1.45; color: var(--fg-1, #050505);
}
.alttune-obd-listrow:hover .alttune-obd-listrow-desc { color: var(--performance-orange-700, #C9501A); }
.alttune-obd-listrow-sev { display: inline-flex; justify-content: flex-start; }
.alttune-obd-listrow-sev .alttune-obd-badge { white-space: nowrap; }
.alttune-obd-listrow-go {
	display: inline-flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; border-radius: 999px;
	color: var(--fg-3, #8a8a8a);
	transition: background .14s ease, color .14s ease, transform .14s ease;
}
.alttune-obd-listrow:hover .alttune-obd-listrow-go {
	background: var(--steel-silver-100, #F2F1F1);
	color: var(--rubber-black, #050505);
	transform: translateX(2px);
}
@media (max-width: 640px) {
	.alttune-obd-list-head, .alttune-obd-listrow { grid-template-columns: 84px 1fr 84px 30px; gap: 8px; padding-left: 12px; padding-right: 12px; }
	.alttune-obd-listrow-sev .alttune-obd-badge { padding: 3px 7px 3px 6px; font-size: .62rem; gap: 4px; }
}

/* ==========================================================================
   Range accordions — reuse the theme's .at-faq-* component look.
   Markup matches the FAQ accordion contract so the theme's main.js single-open
   toggle + chevron rotation apply for free; we only add the range-specific bits.
   ========================================================================== */
.alttune-obd-ranges { margin-top: 6px; }
.alttune-obd-accordion-list { /* .at-faq-list */ }
.alttune-obd-range .alttune-obd-range-count {
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 13px; font-weight: 700; color: var(--fg-3, #8a8a8a);
	letter-spacing: 0;
}
/* The range body is a flush list inside the accordion answer; strip the
   theme's left indent so rows align under the header. */
.alttune-obd-range .at-faq-a-inner { padding-left: 0; }
.alttune-obd-range-body {
	border: 1px solid var(--steel-silver, #D9D8D8);
	border-radius: 14px; background: #fff; overflow: hidden;
}
.alttune-obd-range-loading {
	margin: 0; padding: 16px 18px;
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--fg-3, #8a8a8a);
}
@media (max-width: 700px) {
	.alttune-obd-range .at-faq-a-inner { padding-left: 0; }
}


/* ---- Most Common: 2 columns on desktop; cropped one-line descriptions ---- */
.alttune-obd-common .alttune-obd-listrow-desc {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (min-width: 721px) {
	.alttune-obd-common .alttune-obd-list--card {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: stretch;
	}
	.alttune-obd-common .alttune-obd-list-head { grid-column: 1 / -1; }
	/* vertical divider between the two columns (left-column cells) */
	.alttune-obd-common .alttune-obd-listrow:nth-child(even) {
		border-right: 1px solid var(--steel-silver, #D9D8D8);
	}
}
@media (max-width: 640px) {
	.alttune-obd-common .alttune-obd-listrow { padding-top: 10px; padding-bottom: 10px; }
	.alttune-obd-common .alttune-obd-listrow-code { font-size: 12px; }
	.alttune-obd-common .alttune-obd-listrow-desc { font-size: 12px; }
}