.unified-vehicle-page {
  --vg-accent: #536f85;
  --vg-accent-dark: #344f64;
  --vg-accent-soft: #eef3f6;
  --vg-ink: var(--ink, #18222d);
  --vg-muted: var(--ink-2, #5f6a75);
  --vg-faint: #778493;
  --vg-line: #cad4db;
  background: var(--bg, #fafbfd);
  color: var(--ink, #18222d);
}
.unified-vehicle-page .vehicle-guide-main { background: var(--bg, #fafbfd); padding: 0 0 44px; }
.unified-vehicle-page [data-state="loading"] .unified-vehicle-content { opacity: .55; }
.unified-vehicle-page [hidden] { display: none !important; }
.unified-vehicle-page .unified-vehicle-error { align-items: flex-start; background: #f4f8fb; border: 1px solid #7892a5; border-radius: 8px; color: #263d51; display: flex; flex-direction: column; gap: 8px; margin: 28px auto; padding: 20px; }
.unified-vehicle-page .unified-vehicle-error strong { color: var(--ink, #18222d); font-size: 20px; }
.unified-vehicle-page .unified-vehicle-error .vehicle-primary-action { margin-top: 4px; }

.unified-vehicle-page .unified-vehicle-content > .container[data-unified-content] {
  background: transparent;
  margin: 26px auto 0;
  max-width: var(--site-content-max, 1440px);
  padding: 0 var(--site-gutter, 24px);
}
.unified-vehicle-page .vehicle-breadcrumb {
  color: var(--ink-3, #8a949e);
  font-size: var(--type-breadcrumb-size);
  font-weight: var(--font-weight-regular);
  gap: 7px;
  letter-spacing: var(--type-breadcrumb-tracking);
  line-height: var(--type-breadcrumb-line);
  margin: 0 0 16px;
  text-transform: none;
}
.unified-vehicle-page .vehicle-breadcrumb a { color: #3f6179; }
.unified-vehicle-page .vehicle-guide-hero {
  align-items: center;
  background:
    radial-gradient(circle at 84% 12%, rgba(83,111,133,.13), transparent 31%),
    linear-gradient(90deg, #fff 0%, #fff 31%, #f7f9fa 52%, #f3f7f9 100%);
  border: 1px solid #9fb1be;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(31,39,51,.04));
  column-gap: clamp(30px, 4vw, 48px);
  display: grid;
  grid-template-columns: minmax(230px, 330px) minmax(0, 1fr);
  margin: 0;
  overflow: hidden;
  padding: clamp(32px, 4vw, 54px);
  row-gap: 24px;
}
.unified-vehicle-page .vehicle-guide-copy { align-self: center; max-width: 900px; min-width: 0; }
.unified-vehicle-page .vehicle-guide-eyebrow,
.unified-vehicle-page .vehicle-section-eyebrow { color: #346e91; display: block; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: var(--type-eyebrow-tracking); line-height: var(--type-eyebrow-line); margin-bottom: 7px; text-transform: uppercase; }
.unified-vehicle-page .vehicle-guide-hero h1 {
  color: var(--ink, #18222d);
  font-size: var(--type-page-title-size);
  font-weight: var(--font-weight-light);
  letter-spacing: var(--type-page-title-tracking);
  line-height: var(--type-page-title-line);
  margin: 0 0 14px;
  overflow-wrap: anywhere;
}
.unified-vehicle-page .vehicle-guide-hero h1 strong { display: block; font-weight: 700; }
.unified-vehicle-page .vehicle-guide-copy .lede {
  border-bottom: 1px solid var(--line, #e9ebf1);
  color: var(--ink-2, #5f6a75);
  font-size: var(--type-lede-size);
  line-height: var(--type-lede-line);
  margin: 0 0 22px;
  max-width: 760px;
  padding-bottom: 18px;
}
.unified-vehicle-page .vehicle-identity-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 28px 0 0; }
.unified-vehicle-page .vehicle-identity-facts div { border-left: 1px solid #cad4db; min-width: 0; padding: 0 17px; }
.unified-vehicle-page .vehicle-identity-facts div:first-child { border-left: 0; padding-left: 0; }
.unified-vehicle-page .vehicle-identity-facts dt { color: #66788a; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: var(--type-form-label-tracking); line-height: var(--type-eyebrow-line); text-transform: uppercase; }
.unified-vehicle-page .vehicle-identity-facts dd { color: var(--ink, #18222d); font-size: 15px; font-weight: 700; margin: 4px 0 0; }
.unified-vehicle-page .vehicle-identity-facts dd { overflow-wrap: anywhere; }
.unified-vehicle-page .vehicle-inline-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.unified-vehicle-page .vehicle-primary-action,
.unified-vehicle-page .vehicle-secondary-action { align-items: center; border: 1px solid #344f64; border-radius: var(--radius-sm, 6px); display: inline-flex; font-size: var(--type-button-size); font-weight: var(--font-weight-bold); justify-content: center; letter-spacing: var(--type-button-tracking); line-height: var(--type-button-line); min-height: var(--control-height, 40px); padding: 10px var(--control-padding-x, 18px); text-decoration: none; text-transform: uppercase; }
.unified-vehicle-page .vehicle-primary-action { background: #344f64; color: #fff; }
.unified-vehicle-page .vehicle-secondary-action { background: #fff; color: #344f64; }
.unified-vehicle-page .vehicle-primary-action:hover,
.unified-vehicle-page .vehicle-primary-action:focus-visible { background: #253d50; border-color: #253d50; color: #fff; }
.unified-vehicle-page .vehicle-secondary-action:hover,
.unified-vehicle-page .vehicle-secondary-action:focus-visible { background: #eef3f6; color: #253d50; }
.unified-vehicle-page .vehicle-primary-action:focus-visible,
.unified-vehicle-page .vehicle-secondary-action:focus-visible { outline: 3px solid rgba(52,110,145,.28); outline-offset: 2px; }
.unified-vehicle-page .unified-hero-factory { align-items: center; border-bottom: 1px solid #c4d0d8; border-top: 1px solid #c4d0d8; display: flex; gap: 14px 22px; margin-top: 20px; max-width: 760px; padding: 13px 0; }
.unified-vehicle-page .unified-hero-score { align-items: baseline; column-gap: 4px; display: flex; flex: 0 0 auto; flex-wrap: wrap; min-width: 112px; }
.unified-vehicle-page .unified-hero-score strong { font-size: var(--type-metric-large-size); font-weight: var(--font-weight-bold); line-height: var(--type-metric-line); }
.unified-vehicle-page .unified-hero-score > span { color: #607283; font-size: var(--type-small-size); font-weight: var(--font-weight-bold); }
.unified-vehicle-page .unified-hero-score small { color: #536f85; flex: 1 0 100%; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: var(--type-form-label-tracking); line-height: var(--type-eyebrow-line); margin-top: 3px; text-transform: uppercase; }
.unified-vehicle-page .unified-hero-verdict { border-left: 1px solid #c4d0d8; padding-left: 21px; }
.unified-vehicle-page .unified-hero-verdict span { color: #536f85; display: block; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: var(--type-form-label-tracking); line-height: var(--type-eyebrow-line); margin-bottom: 3px; text-transform: uppercase; }
.unified-vehicle-page .unified-hero-verdict strong { font-size: 14px; line-height: 1.35; }
.unified-vehicle-page .unified-vehicle-visual { align-self: center; justify-self: start; margin: 0; max-width: 330px; min-width: 0; order: -1; text-align: center; width: 100%; }
.unified-vehicle-page .unified-vehicle-visual img { display: block; height: clamp(205px, 21vw, 285px); object-fit: contain; width: 100%; }
.unified-vehicle-page .unified-vehicle-visual figcaption { color: #74818e; font-size: 9px; line-height: 1.4; margin-top: 3px; }
.unified-vehicle-page .unified-vehicle-visual.is-placeholder img {
  --placeholder-image-overflow: clamp(24px, 3vw, 48px);
  height: clamp(260px, 27vw, 360px);
  margin-left: calc(var(--placeholder-image-overflow) / -2);
  max-width: none;
  mix-blend-mode: multiply;
  object-fit: contain;
  object-position: center;
  width: calc(100% + var(--placeholder-image-overflow));
}
.unified-vehicle-page .unified-vehicle-configuration { align-items: center; background: #f7f9fa; border: 1px solid #9fb1be; border-radius: var(--radius, 8px); display: grid; gap: 8px 18px; grid-template-columns: minmax(190px, .8fr) minmax(180px, 1.2fr); margin-top: 18px; padding: 13px 14px; }
.unified-vehicle-page .unified-vehicle-configuration label { color: var(--ink, #18222d); font-size: var(--type-small-size); font-weight: var(--font-weight-bold); line-height: var(--type-small-line); }
.unified-vehicle-page .unified-vehicle-configuration select { background: #fff; border: 1px solid #8299aa; border-radius: var(--radius-sm, 6px); color: var(--ink, #18222d); font: inherit; font-size: var(--type-form-control-size); font-weight: var(--font-weight-regular); line-height: var(--type-form-control-line); min-height: 42px; min-width: 0; padding: 8px 10px; width: 100%; }
.unified-vehicle-page .unified-system-note { border-left: 2px solid #8da6b7; color: var(--ink-2, #5f6a75); font-size: 12px; line-height: 1.55; margin: 13px 0 0; max-width: 760px; padding: 2px 0 2px 11px; }

.unified-vehicle-page .unified-section { border-top: 1px solid #cad4db; margin-top: var(--space-section-compact); padding-top: var(--space-6); }
.unified-vehicle-page .unified-factory,
.unified-vehicle-page .unified-recommendation {
  background: linear-gradient(135deg, #fff 0%, #f7f9fa 100%);
  border: 1px solid #9fb1be;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(31,39,51,.04));
  padding: var(--space-content-feature);
}
.unified-vehicle-page .unified-recommendation { display: block; }
.unified-vehicle-page .unified-recommendation-header { display: block; }
.unified-vehicle-page .unified-recommendation h2,
.unified-vehicle-page .unified-factory h2,
.unified-vehicle-page .unified-section-heading h2 { font-size: var(--type-section-title-size); font-weight: var(--font-weight-semibold); letter-spacing: var(--type-section-title-tracking); line-height: var(--type-section-title-line); margin: 0 0 9px; }
.unified-vehicle-page .unified-recommendation p,
.unified-vehicle-page .unified-factory p,
.unified-vehicle-page .unified-section-heading p { color: var(--ink-2, #5f6a75); font-size: var(--type-small-size); line-height: var(--type-small-line); margin: 0; }
.unified-vehicle-page .unified-recommendation-header > p { font-size: 12px; max-width: none; width: 100%; }

.unified-vehicle-page .unified-recommendation-context { align-items: baseline; border-bottom: 1px solid #cad4db; display: flex; gap: 7px 16px; margin-top: 17px; padding: 0 0 12px; }
.unified-vehicle-page .unified-product-recommendation-heading > span { color: #346e91; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.unified-vehicle-page .unified-recommendation-context strong { font-size: 14px; }
.unified-vehicle-page .unified-recommendation-context p { margin-left: auto; }
.unified-vehicle-page .unified-static-configuration-grid { margin-top: 0; }
.unified-vehicle-page .unified-static-configuration { min-width: 0; }
.unified-vehicle-page .unified-static-configuration > span { color: #346e91; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.unified-vehicle-page .unified-static-configuration h3 { font-size: var(--type-card-title-size); line-height: var(--type-card-title-line); margin: 6px 0 10px; }
.unified-vehicle-page .unified-static-configuration ul { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.unified-vehicle-page .unified-static-configuration li { align-items: baseline; border-top: 1px solid #d5dfe5; color: var(--ink-2, #5f6a75); display: flex; flex-wrap: wrap; font-size: 12px; gap: 4px 8px; line-height: 1.5; padding-top: 10px; }
.unified-vehicle-page .unified-static-configuration li strong { color: var(--ink, #18222d); }
.unified-vehicle-page .unified-static-configuration li small { color: #6b7785; }
.unified-vehicle-page .unified-static-configuration a { color: #245e81; font-weight: 700; margin-left: auto; }
.unified-vehicle-page .unified-static-configuration > small { color: #6b7785; display: block; font-size: 9px; line-height: 1.5; margin-top: 12px; }

.unified-vehicle-page .unified-recommendation-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); margin-top: 14px; }
.unified-vehicle-page .unified-recommendation-grid.is-single { grid-template-columns: minmax(0, 620px); max-width: 620px; }
.unified-vehicle-page .unified-product-recommendation { background: #fbfcfd; border: 1px solid #8399a9; border-radius: var(--radius, 8px); display: flex; flex-direction: column; min-width: 0; padding: var(--space-content); }
.unified-vehicle-page .unified-product-recommendation:hover { background: #f1f6f9; }
.unified-vehicle-page .unified-product-recommendation h3 { font-size: var(--type-card-title-size); font-weight: var(--font-weight-semibold); letter-spacing: var(--type-card-title-tracking); line-height: var(--type-card-title-line); margin: 5px 0 5px; }
.unified-vehicle-page .unified-product-recommendation h3 { align-items: center; display: flex; gap: 8px; }
.unified-vehicle-page .unified-recommendation-icon { background: #fff; border: 1px solid #d7e0e6; border-radius: 5px; flex: 0 0 auto; height: 34px; object-fit: contain; padding: 5px; width: 24px; }
.unified-vehicle-page .unified-recommendation-application { font-size: 11px !important; }
.unified-vehicle-page .unified-recommendation-badges { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0 8px; }
.unified-vehicle-page .unified-recommendation-badges span { background: #e8f1f7; border: 1px solid #b7cad7; border-radius: 999px; color: #245e81; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: .045em; line-height: var(--type-eyebrow-line); padding: 4px 7px; text-transform: uppercase; }
.unified-vehicle-page .unified-recommendation-rank { display: block; font-size: 12px; line-height: 1.4; margin-bottom: 8px; }
.unified-vehicle-page .unified-product-recommendation > p { font-size: 13px; }
.unified-vehicle-page .unified-product-recommendation > small { color: #6b7785; display: block; font-size: 10px; margin: 10px 0 15px; }
.unified-vehicle-page .unified-product-recommendation .vehicle-inline-actions { margin-top: auto; }
.unified-vehicle-page .unified-product-recommendation .vehicle-primary-action,
.unified-vehicle-page .unified-product-recommendation .vehicle-secondary-action { font-size: var(--type-button-size); min-height: var(--control-height-compact); padding: 8px 10px; }
.unified-vehicle-page .unified-product-recommendation .vehicle-secondary-action:not(.vehicle-buy-action) { background: #344f64; border-color: #344f64; color: #fff; }
.unified-vehicle-page .unified-product-recommendation .vehicle-secondary-action:not(.vehicle-buy-action):hover,
.unified-vehicle-page .unified-product-recommendation .vehicle-secondary-action:not(.vehicle-buy-action):focus-visible { background: #253d50; border-color: #253d50; color: #fff; }
.unified-vehicle-page .unified-result-metrics { border-bottom: 1px solid #dce3e8; border-top: 1px solid #dce3e8; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 14px 0 0; }
.unified-vehicle-page .unified-result-metric { min-width: 0; padding: 11px 10px; }
.unified-vehicle-page .unified-result-metric:nth-child(odd) { border-right: 1px solid #dce3e8; padding-left: 0; }
.unified-vehicle-page .unified-result-metric dt { color: #647384; font-size: var(--type-eyebrow-size); font-weight: var(--font-weight-bold); letter-spacing: .055em; line-height: var(--type-eyebrow-line); text-transform: uppercase; }
.unified-vehicle-page .unified-result-metric dd { margin: 4px 0 0; }
.unified-vehicle-page .unified-result-metric strong { color: #245f84; display: block; font-size: 16px; line-height: 1.15; }
.unified-vehicle-page .unified-result-metric span { color: #778493; display: block; font-size: 11px; line-height: 1.4; margin-top: 3px; }
.unified-vehicle-page .unified-result-metric i { background: #dfe6ea; border-radius: 999px; display: block; height: 4px; margin-top: 7px; overflow: hidden; position: relative; }
.unified-vehicle-page .unified-result-metric i::after { background: #2c709b; border-radius: inherit; content: ""; display: block; height: 100%; width: var(--metric-position, 70%); }
.unified-vehicle-page .unified-result-metric.is-kelvin i { background: linear-gradient(90deg, #ffe9b8 0%, #fff8e8 24.5%, #fffbf3 36.5%, #fffdf9 50.5%, #fff 62.5%, #eef8ff 76%, #d4edfc 88%, #67b7e7 100%); border: 1px solid rgba(80,105,120,.16); height: 7px; overflow: visible; }
.unified-vehicle-page .unified-result-metric.is-kelvin i::after { background: #216a98; border: 1px solid #fff; box-shadow: 0 0 0 1px #216a98; height: 8px; left: var(--metric-position, 50%); position: absolute; top: -2px; transform: translateX(-50%); width: 8px; }
.unified-vehicle-page .unified-recommendation-note { color: #6b7785 !important; font-size: 12px !important; line-height: 1.55; margin-top: 13px !important; max-width: none; overflow-wrap: anywhere; width: 100%; }
.unified-vehicle-page .unified-guidance-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); margin-top: 15px; max-width: 940px; }
.unified-vehicle-page .unified-guidance-grid.is-single { grid-template-columns: minmax(0, 1fr); max-width: none; }
.unified-vehicle-page .unified-system-guidance { background: #f3f7f9; border: 1px solid #9fb5c4; border-radius: var(--radius, 8px); margin: 0; padding: var(--space-content); }
.unified-vehicle-page .unified-system-guidance h3 { font-size: var(--type-card-title-size); line-height: var(--type-card-title-line); margin: 0 0 7px; }
.unified-vehicle-page .unified-system-guidance p + p { border-top: 1px solid #c8d5dd; margin-top: 11px; padding-top: 10px; }
.unified-vehicle-page .unified-guidance-line { border-left: 2px solid #8da6b7; margin-top: 14px !important; max-width: 760px; padding: 2px 0 2px 11px; }
.unified-vehicle-page .unified-affiliate-note { border-top: 1px solid #d5dfe5; color: #6b7785 !important; font-size: 12px !important; line-height: 1.55; margin-top: 14px !important; max-width: none; overflow-wrap: anywhere; padding-top: 9px; width: 100%; }

/* Integrated factory systems need a section heading plus a guidance card,
   not a card nested inside a second card. The active configuration controls
   this treatment, so mixed-system vehicles update correctly when changed. */
.unified-vehicle-page .unified-recommendation[data-recommendation-state="not-applicable"]:has(.unified-guidance-grid) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.unified-vehicle-page .unified-factory { display: block; }
.unified-vehicle-page .unified-factory-heading { align-items: end; display: grid; gap: 28px; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); }
.unified-vehicle-page .unified-factory-heading.is-simple { display: block; }
.unified-vehicle-page .unified-factory-heading > p { color: var(--ink-2, #5f6a75); font-size: var(--type-small-size); line-height: var(--type-small-line); margin: 0; }
.unified-vehicle-page .unified-factory-review-list { display: grid; gap: 16px; margin-top: 17px; }
.unified-vehicle-page .unified-factory-review { min-width: 0; }
.unified-vehicle-page .unified-factory-result { max-width: 1040px; }
.unified-vehicle-page .unified-factory-result h3 { font-size: var(--type-subsection-title-size); letter-spacing: normal; line-height: var(--type-subsection-title-line); margin: 0; }
.unified-vehicle-page .unified-factory-result > p { color: var(--ink-2, #5f6a75); font-size: var(--type-small-size); line-height: var(--type-small-line); margin: 9px 0 0; max-width: 920px; }
.unified-vehicle-page .unified-factory-performance { margin-top: 18px; }
.unified-vehicle-page .unified-factory-performance dl { column-gap: 28px; display: grid; margin: 0; }
.unified-vehicle-page .unified-factory-performance .unified-factory-distance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.unified-vehicle-page .unified-factory-performance .unified-factory-feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 2px; }
.unified-vehicle-page .unified-factory-performance dl > div { border-top: 1px solid #d2dbe1; min-width: 0; padding: 14px 0 15px; }
.unified-vehicle-page .unified-factory-performance dt { color: #536f85; font-size: 11px; font-weight: 700; letter-spacing: 0; }
.unified-vehicle-page .unified-factory-performance dd { color: var(--ink, #18222d); font-size: 16px; font-weight: 700; line-height: 1.4; margin: 5px 0 0; }
.unified-vehicle-page .unified-factory-performance .is-distance dt { color: #294e68; font-size: 16px; font-weight: 700; line-height: 1.3; }
.unified-vehicle-page .unified-factory-performance .is-distance dd { display: block; letter-spacing: -.02em; line-height: 1.1; }
.unified-vehicle-page .unified-factory-performance .factory-reach-value { color: inherit; font-size: var(--type-metric-size); font-weight: var(--font-weight-bold); line-height: var(--type-metric-line); }
.unified-vehicle-page .unified-factory-performance .is-explanation dd { color: var(--ink-2, #5f6a75); font-size: 14px; font-weight: 600; line-height: 1.5; }
.unified-vehicle-page .unified-factory-performance .is-explanation dd strong { color: var(--ink, #18222d); display: block; font-size: 16px; line-height: 1.4; }
.unified-vehicle-page .unified-factory-performance .is-explanation dd span { display: block; margin-top: 3px; }
.unified-vehicle-page .unified-factory-comparison { margin-top: 14px; max-width: 520px; }
.unified-vehicle-page .unified-factory-comparison + .unified-factory-comparison { margin-top: 11px; }
.unified-vehicle-page .unified-factory-comparison-label { align-items: baseline; color: var(--ink-2, #5f6a75); display: flex; font-size: 12px; gap: 12px; justify-content: space-between; line-height: 1.4; }
.unified-vehicle-page .unified-factory-comparison-label span { min-width: 0; }
.unified-vehicle-page .unified-factory-comparison-label strong { color: #245f84; flex: 0 0 auto; font-size: 12px; }
.unified-vehicle-page .unified-factory-comparison-track { background: #dfe7ec; border-radius: 999px; height: 5px; margin-top: 5px; overflow: hidden; }
.unified-vehicle-page .unified-factory-comparison-track > span { background: #2c709b; border-radius: inherit; display: block; height: 100%; max-width: 100%; }
.unified-vehicle-page .unified-factory-context-note { border-top: 1px solid #d5dfe5; color: var(--ink-2, #5f6a75); font-size: 12px; font-weight: 600; line-height: 1.55; margin: 7px 0 0; padding-top: 13px; }
.unified-vehicle-page .unified-factory + .unified-recommendation { margin-top: 22px; }
.unified-vehicle-page .unified-headlight-details > summary { color: #245e81; cursor: pointer; font-size: var(--type-disclosure-size); font-weight: var(--font-weight-semibold); line-height: var(--type-disclosure-line); }

.unified-vehicle-page .unified-headlight-details { color: var(--ink-2, #5f6a75); }
.unified-vehicle-page .unified-technical-intro { display: grid; gap: 5px; margin-top: 9px; max-width: 900px; }
.unified-vehicle-page .unified-technical-intro p { font-size: 12px; line-height: 1.6; margin: 0; }
.unified-vehicle-page .unified-source-list { display: flex; flex-wrap: wrap; gap: 8px 18px; list-style: none; margin: 13px 0 0; padding: 0; }
.unified-vehicle-page .unified-source-list a { color: #245e81; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.unified-vehicle-page .unified-fitment-table { border-collapse: collapse; margin-top: 14px; width: 100%; }
.unified-vehicle-page .unified-fitment-table th,
.unified-vehicle-page .unified-fitment-table td { border-bottom: 1px solid #dce3e8; font-size: 12px; padding: 11px 10px; text-align: left; }
.unified-vehicle-page .unified-fitment-table thead th { color: #536f85; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.unified-vehicle-page .unified-fitment-table tbody th { color: var(--ink, #18222d); }
.unified-vehicle-page .unified-fitment-table tbody th small { color: #718090; display: block; font-size: 10px; font-weight: 400; margin-top: 3px; }
.unified-vehicle-page .unified-fitment-table td:last-child { color: #647384; }

.unified-vehicle-page .unified-other-grid { column-gap: 28px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; }
.unified-vehicle-page .unified-other-grid div { border-bottom: 1px solid #dce3e8; min-width: 0; padding: 11px 0 12px; }
.unified-vehicle-page .unified-other-grid dt { color: var(--ink-2, #5f6a75); font-size: var(--type-small-size); line-height: var(--type-small-line); }
.unified-vehicle-page .unified-other-grid dd { margin: 5px 0 0; text-align: left; }
.unified-vehicle-page .unified-other-grid dd strong { color: var(--ink, #18222d); display: block; font-size: 15px; line-height: 1.3; }
.unified-vehicle-page .unified-other-grid dd span { color: #6b7785; display: block; font-size: 11px; line-height: 1.45; margin-top: 3px; }

.unified-vehicle-page .unified-related-years header { max-width: 760px; }
.unified-vehicle-page .unified-related-years h2 { font-size: var(--type-subsection-title-size); line-height: var(--type-subsection-title-line); margin: 0 0 7px; }
.unified-vehicle-page .unified-related-years header p { color: var(--ink-2, #5f6a75); font-size: var(--type-small-size); line-height: var(--type-small-line); margin: 0; }
.unified-vehicle-page .unified-related-years nav { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.unified-vehicle-page .unified-related-years nav a { align-items: center; background: #fff; border: 1px solid #8399a9; border-radius: var(--radius-sm, 6px); color: #245e81; display: inline-flex; font-size: 11px; font-weight: 700; justify-content: center; min-height: var(--control-height-compact, 36px); min-width: 48px; padding: 7px 10px; text-align: center; text-decoration: none; }
.unified-vehicle-page .unified-related-years nav a:hover,
.unified-vehicle-page .unified-related-years nav a:focus-visible { background: #e8f1f7; }
.unified-vehicle-page .unified-fitment-note { border-top: 1px solid #cad4db; color: #6b7785; font-size: 12px; line-height: 1.6; margin: 30px 0 0; padding: 15px 0 0; }

@media (max-width: 900px) {
  .unified-vehicle-page .vehicle-guide-hero,
  .unified-vehicle-page .unified-factory-heading { grid-template-columns: 1fr; }
  .unified-vehicle-page .unified-factory-heading { gap: 8px; }
  .unified-vehicle-page .unified-vehicle-visual { justify-self: center; margin-top: 10px; max-width: 320px; order: 0; }
  .unified-vehicle-page .unified-recommendation-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
  .unified-vehicle-page .unified-recommendation-context { align-items: flex-start; flex-direction: column; }
  .unified-vehicle-page .unified-recommendation-context p { margin-left: 0; }
  .unified-vehicle-page .unified-factory-performance .unified-factory-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .unified-vehicle-page .unified-other-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .unified-vehicle-page .unified-vehicle-content > .container[data-unified-content] {
    margin-top: 20px;
    padding: 0 var(--site-gutter-mobile, 16px);
    width: 100%;
  }
  .unified-vehicle-page .vehicle-breadcrumb { margin-top: 0; }
  .unified-vehicle-page .vehicle-guide-hero { gap: 20px; padding: 24px; }
  .unified-vehicle-page .vehicle-guide-hero h1 { font-size: var(--type-page-title-size); }
  .unified-vehicle-page .vehicle-identity-facts { gap: 13px 0; grid-template-columns: 1fr 1fr; }
  .unified-vehicle-page .vehicle-identity-facts div:nth-child(3) { border-left: 0; grid-column: 1 / -1; padding-left: 0; }
  .unified-vehicle-page .unified-section { margin-top: 28px; padding-top: 25px; }
  .unified-vehicle-page .unified-vehicle-configuration { grid-template-columns: 1fr; }
  .unified-vehicle-page .unified-recommendation-grid,
  .unified-vehicle-page .unified-recommendation-grid.is-single,
  .unified-vehicle-page .unified-guidance-grid,
  .unified-vehicle-page .unified-guidance-grid.is-single { grid-template-columns: 1fr; max-width: none; }
  .unified-vehicle-page .unified-other-grid { grid-template-columns: 1fr; }
  .unified-vehicle-page .unified-fitment-table th,
  .unified-vehicle-page .unified-fitment-table td { padding: 9px 6px; }
  .unified-vehicle-page .unified-system-guidance { padding: 17px; }
  .unified-vehicle-page .unified-vehicle-visual img { height: 210px; }
  .unified-vehicle-page .unified-hero-factory { align-items: flex-start; flex-direction: column; }
  .unified-vehicle-page .unified-hero-verdict { border-left: 0; border-top: 1px solid #c4d0d8; padding: 10px 0 0; width: 100%; }
  .unified-vehicle-page .unified-factory-performance .unified-factory-distance-grid,
  .unified-vehicle-page .unified-factory-performance .unified-factory-feature-grid { grid-template-columns: 1fr; }
  .unified-vehicle-page .unified-result-metrics { grid-template-columns: 1fr; }
  .unified-vehicle-page .unified-result-metric:nth-child(odd) { border-right: 0; padding-left: 10px; }
}
