.od-obd-page.od-vehicle-content {
	width: 100%;
	min-height: 720px;
	padding: 34px 0 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #14223a;
}

.od-obd-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	gap: 32px;
	align-items: start;
	margin-bottom: 24px;
}

.od-obd-heading h2 {
	margin: 2px 0 8px;
	font-size: clamp(27px, 3vw, 36px);
	letter-spacing: -.035em;
}

.od-obd-heading p {
	max-width: 760px;
	margin: 0;
	color: #5d6c82;
	font-size: 14px;
	line-height: 1.75;
}

.od-obd-kicker,
.od-obd-preview-label {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.od-obd-kicker { color: #ff5a1f; }

.od-obd-preview-label {
	margin-top: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #fff4ec;
	color: #b84217;
}

.od-obd-question {
	display: flex;
	gap: 14px;
	min-height: 104px;
	padding: 18px;
	border: 1px solid #dcefe2;
	border-radius: 14px;
	background: linear-gradient(135deg, #f4fbf6, #f9fcfa);
}

.od-obd-question > span,
.od-obd-guide > span,
.od-obd-note > span {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #e5f7ea;
	color: #15913a;
}

.od-obd-question svg,
.od-obd-guide svg,
.od-obd-note svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.od-obd-question strong,
.od-obd-note strong { display: block; margin: 2px 0 5px; font-size: 14px; }
.od-obd-question p { font-size: 12px; line-height: 1.6; }

.od-obd-toolbar {
	display: grid;
	grid-template-columns: minmax(240px, 1.15fr) minmax(180px, .75fr) minmax(190px, .75fr) auto;
	gap: 14px;
	align-items: center;
	margin-bottom: 16px;
}

.od-obd-toolbar label { position: relative; margin: 0; }
.od-obd-toolbar input,
.od-obd-toolbar select {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 42px 0 15px;
	border: 1px solid #dce2ea;
	border-radius: 10px;
	background-color: #fff;
	color: #24324a;
	font-size: 13px;
	box-shadow: 0 3px 12px rgba(20, 34, 58, .025);
}

.od-obd-toolbar input:focus,
.od-obd-toolbar select:focus {
	border-color: #ff7a4a;
	outline: 3px solid rgba(255, 90, 31, .13);
}

.od-obd-search i {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 19px;
	height: 19px;
	transform: translateY(-50%);
	color: #475870;
}

.od-obd-search svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; }
.od-obd-result-count { justify-self: end; color: #65748a; font-size: 12px; white-space: nowrap; }

.od-obd-table {
	overflow: hidden;
	border: 1px solid #dfe5ed;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(20, 34, 58, .035);
}

.od-obd-table-head,
.od-obd-row > summary {
	display: grid;
	grid-template-columns: 105px minmax(190px, 1.15fr) minmax(170px, 1fr) minmax(190px, 1.05fr) 105px 22px;
	gap: 18px;
	align-items: center;
}

.od-obd-table-head {
	padding: 13px 18px;
	border-bottom: 1px solid #e3e8ef;
	background: #fbfcfe;
	color: #65748a;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.od-obd-row { border-bottom: 1px solid #e7ebf1; }
.od-obd-row:last-child { border-bottom: 0; }
.od-obd-row[hidden] { display: none; }
.od-obd-row > summary { min-height: 104px; padding: 15px 18px; cursor: pointer; list-style: none; transition: background .2s ease; }
.od-obd-row > summary::-webkit-details-marker { display: none; }
.od-obd-row > summary:hover { background: #fcfdff; }
.od-obd-row > summary:focus-visible { outline: 3px solid rgba(255, 90, 31, .18); outline-offset: -3px; }

.od-obd-code { align-self: start; }
.od-obd-code strong {
	display: inline-block;
	padding: 6px 8px;
	border-radius: 7px;
	background: #fff0ef;
	color: #d62d26;
	font-size: 14px;
	letter-spacing: .02em;
}
.od-obd-code--2 strong { background: #fff6e6; color: #db8510; }
.od-obd-code--1 strong { background: #eaf3ff; color: #1767c5; }
.od-obd-code small { display: block; margin-top: 7px; color: #65748a; font-size: 11px; }

.od-obd-description strong { display: block; margin-bottom: 5px; font-size: 13px; line-height: 1.35; }
.od-obd-description small { display: block; color: #5f6f85; font-size: 11px; line-height: 1.5; }
.od-obd-causes ul,
.od-obd-solutions ul { margin: 0; padding: 0; list-style: none; }
.od-obd-causes li,
.od-obd-solutions li { position: relative; margin: 0 0 4px; padding-left: 11px; color: #4f6077; font-size: 10.5px; line-height: 1.45; }
.od-obd-causes li::before,
.od-obd-solutions li::before { content: ''; position: absolute; top: .55em; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #6b7c92; }

.od-obd-frequency { display: inline-flex; align-items: center; gap: 7px; color: #3b4b61; font-size: 10.5px; white-space: nowrap; }
.od-obd-frequency i { width: 8px; height: 8px; border-radius: 50%; background: #e1261c; }
.od-obd-frequency--3 i { background: #ff6a21; }
.od-obd-frequency--2 i { background: #f5aa00; }
.od-obd-frequency--1 i { background: #1670d2; }

.od-obd-chevron { width: 8px; height: 8px; border-right: 1.8px solid #16243a; border-bottom: 1.8px solid #16243a; transform: rotate(45deg); transition: transform .2s ease; }
.od-obd-row[open] .od-obd-chevron { transform: rotate(225deg); }

.od-obd-detail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 0 18px 18px 141px;
	background: linear-gradient(180deg, #fff, #fbfcfe);
}
.od-obd-detail > div { padding: 13px 14px; border: 1px solid #e5eaf1; border-radius: 10px; background: #fff; }
.od-obd-detail strong { display: block; margin-bottom: 4px; font-size: 11px; }
.od-obd-detail p { margin: 0; color: #627188; font-size: 10.5px; line-height: 1.55; }
.od-obd-detail .od-obd-detail-warning { border-color: #ffe1d5; background: #fff9f6; }

.od-obd-no-results { margin: 0; padding: 36px; text-align: center; color: #66758a; }
.od-obd-guides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.od-obd-guide { display: flex; gap: 14px; min-height: 172px; padding: 20px; border: 1px solid #e2e8f1; border-radius: 13px; background: #f8fbff; }
.od-obd-guide > span { width: 46px; height: 46px; background: #e5f0ff; color: #176ed2; }
.od-obd-guide--orange { background: #fff9f6; }
.od-obd-guide--orange > span { background: #fff0e8; color: #ff5a1f; }
.od-obd-guide--purple { background: #faf8ff; }
.od-obd-guide--purple > span { background: #efe9ff; color: #7047d7; }
.od-obd-guide h3 { margin: 2px 0 7px; font-size: 14px; }
.od-obd-guide p,
.od-obd-guide li { color: #5b6b82; font-size: 11px; line-height: 1.55; }
.od-obd-guide ul { margin: 0 0 10px; padding-left: 17px; }
.od-obd-guide a,
.od-obd-coming-soon { display: inline-flex; gap: 8px; align-items: center; margin-top: 8px; color: #176ed2; font-size: 11px; font-weight: 700; text-decoration: none; }
.od-obd-guide--orange a { color: #e94a16; }
.od-obd-coming-soon { color: #7047d7; }

.od-obd-note { display: flex; gap: 14px; align-items: center; margin-top: 20px; padding: 16px 20px; border: 1px solid #dbe6f5; border-radius: 13px; background: #f7faff; }
.od-obd-note > span { width: 42px; height: 42px; background: #e6f1ff; color: #1670d2; }
.od-obd-note p { margin: 0; color: #5f6f85; font-size: 11px; line-height: 1.55; }

@media (max-width: 1050px) {
	.od-obd-table-head { display: none; }
	.od-obd-row > summary { grid-template-columns: 95px minmax(0, 1fr) 120px 22px; }
	.od-obd-causes,
	.od-obd-solutions { display: none; }
	.od-obd-detail { padding-left: 18px; }
}

@media (max-width: 800px) {
	.od-obd-heading { grid-template-columns: 1fr; gap: 18px; }
	.od-obd-toolbar { grid-template-columns: 1fr 1fr; }
	.od-obd-result-count { justify-self: start; }
	.od-obd-guides { grid-template-columns: 1fr; }
	.od-obd-guide { min-height: 0; }
}

@media (max-width: 620px) {
	.od-obd-page.od-vehicle-content { padding: 24px 0 10px; }
	.od-obd-toolbar { grid-template-columns: 1fr; }
	.od-obd-row > summary { grid-template-columns: 78px minmax(0, 1fr) 18px; gap: 12px; min-height: 92px; padding: 14px; }
	.od-obd-frequency { display: none; }
	.od-obd-description small { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.od-obd-detail { grid-template-columns: 1fr; padding: 0 14px 14px; }
	.od-obd-question,
	.od-obd-note { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	.od-obd-row > summary,
	.od-obd-chevron { transition: none; }
}