.bf-product-vehicle-slot,
[data-vehicle-product-context] {
  margin: 18px 0 22px;
}

.bf-vehicle-evidence {
  color: #536675;
  font-size: var(--type-body-small-size);
  line-height: var(--type-body-small-line);
}

.bf-vehicle-evidence-head {
  align-items: start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.bf-vehicle-evidence-kicker,
.bf-vehicle-evidence-fact > span,
.bf-vehicle-evidence-assessment > span,
.bf-vehicle-review-status > span,
.bf-vehicle-evidence-alternative > span {
  color: #2c709b;
  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: 4px;
  text-transform: uppercase;
}

.bf-vehicle-evidence h2 {
  color: #18222d;
  font-size: var(--type-subsection-title-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--type-subsection-title-line);
  margin: 0;
}

.bf-evidence-badges {
  align-items: center;
  display: flex;
  flex: 0 1 560px;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.bf-evidence-badge {
  align-items: center;
  background: #fff;
  border: 1px solid #9db1bf;
  border-radius: 999px;
  color: #39576b;
  display: inline-flex;
  font-size: var(--type-eyebrow-size);
  font-weight: var(--font-weight-bold);
  line-height: var(--type-eyebrow-line);
  letter-spacing: .055em;
  min-height: 25px;
  padding: 4px 9px;
  text-transform: uppercase;
}

.bf-evidence-badge.is-confirmed,
.bf-evidence-badge.is-size {
  background: #e9f3f8;
  border-color: #6d9dbb;
  color: #215f86;
}

.bf-evidence-badge.is-tested,
.bf-evidence-badge.is-vehicle-test {
  background: #2c709b;
  border-color: #2c709b;
  color: #fff;
}

.bf-evidence-badge.is-general {
  background: #edf1f4;
  border-color: #9aaab5;
  color: #445a69;
}

.bf-evidence-badge.is-needs {
  background: #fff8e8;
  border-color: #d2aa55;
  color: #805e18;
}

.bf-evidence-badge.is-not-applicable,
.bf-evidence-badge.is-not-recommended {
  background: #f9eded;
  border-color: #bf7373;
  color: #8c3939;
}

.bf-vehicle-evidence-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(170px, .8fr) minmax(190px, .9fr) minmax(280px, 1.5fr);
  margin-top: 14px;
}

.bf-vehicle-evidence-fact,
.bf-vehicle-evidence-assessment,
.bf-vehicle-review-status,
.bf-vehicle-evidence-alternative {
  background: #fff;
  border: 1px solid #c7d3da;
  border-radius: var(--radius);
  padding: 12px 14px;
}

.bf-vehicle-evidence-fact strong,
.bf-vehicle-evidence-assessment strong,
.bf-vehicle-review-status strong,
.bf-vehicle-evidence-alternative strong {
  color: #18222d;
  display: block;
  font-size: 14px;
  line-height: 1.4;
}

.bf-vehicle-evidence-assessment {
  border-color: #9fb6c5;
}

.bf-vehicle-evidence-assessment p,
.bf-vehicle-review-status p,
.bf-vehicle-evidence-alternative p {
  margin: 5px 0 0;
}

.bf-vehicle-evidence-caution {
  background: #f2f6f8;
  border: 1px solid #c7d3da;
  border-radius: 6px;
  margin: 12px 0 0;
  padding: 9px 12px;
}

.bf-vehicle-evidence-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
}

.bf-vehicle-evidence-action {
  align-items: center;
  background: #fff;
  border: 1px solid #8ea7b7;
  border-radius: 6px;
  color: #215777;
  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: 35px;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

button.bf-vehicle-evidence-action {
  appearance: none;
  cursor: pointer;
  font-family: inherit;
}

.bf-vehicle-evidence-action.is-primary {
  background: #2c709b;
  border-color: #2c709b;
  color: #fff;
}

.bf-vehicle-evidence-action.is-quiet {
  background: transparent;
  border-color: transparent;
  min-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bf-vehicle-evidence-action:hover,
.bf-vehicle-evidence-action:focus-visible {
  background: #215777;
  border-color: #215777;
  color: #fff;
  outline: none;
  text-decoration: none;
}

.bf-vehicle-evidence-action:focus-visible {
  box-shadow: 0 0 0 3px rgba(44,112,155,.2);
}

.bf-vehicle-review-status {
  border-color: #9fb6c5;
  margin-top: 14px;
}

.bf-vehicle-category-line .bf-vehicle-evidence-actions { justify-content: flex-end; margin-top: 0; }

.bf-vehicle-evidence-columns {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.45fr) minmax(250px, .8fr);
  margin-top: 14px;
}

.bf-vehicle-evidence-columns > div:first-child {
  min-width: 0;
}

.bf-vehicle-evidence h3 {
  color: #18222d;
  font-size: 15px;
  margin: 0 0 7px;
}

.bf-vehicle-evidence-notes {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bf-vehicle-evidence-notes li {
  border-top: 1px solid #d7e0e5;
  padding: 8px 0;
}

.bf-vehicle-evidence-notes li:first-child {
  border-top: 0;
  padding-top: 0;
}

.bf-vehicle-evidence-notes strong {
  color: #18222d;
}

.bf-vehicle-evidence-alternative {
  background: #eef5f9;
  border-color: #b4c8d5;
}

.bf-vehicle-evidence-alternative a {
  color: #215f86;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-top: 9px;
  text-transform: uppercase;
  text-underline-offset: 3px;
}

.bf-vehicle-evidence-loading {
  margin: 0;
}

.bf-vehicle-applicability > .bf-vehicle-evidence-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0;
}

.bf-vehicle-evidence-details {
  border-top: 1px solid #d7e0e5;
  grid-column: 1 / -1;
  margin-top: 2px;
  padding-top: 10px;
}

.bf-vehicle-evidence-details summary {
  color: #215777;
  cursor: pointer;
  font-size: var(--type-disclosure-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: normal;
  line-height: var(--type-disclosure-line);
  text-transform: none;
}

.bf-vehicle-evidence-details summary:focus-visible {
  border-radius: 3px;
  box-shadow: var(--focus-ring);
  outline: 0;
}

.bf-vehicle-evidence-details-body {
  padding-top: 13px;
}

.bf-vehicle-evidence-details-body .bf-evidence-badges {
  justify-content: flex-start;
  margin-bottom: 10px;
}

@media (max-width: 860px) {
  .bf-vehicle-category-line .bf-vehicle-evidence-actions { justify-content: flex-start; }
  .bf-vehicle-evidence-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .bf-evidence-badges {
    flex: 0 1 auto;
    justify-content: flex-start;
  }

  .bf-vehicle-evidence-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bf-vehicle-evidence-assessment {
    grid-column: 1 / -1;
  }

  .bf-vehicle-evidence-columns {
    grid-template-columns: 1fr;
  }

  .bf-vehicle-applicability > .bf-vehicle-evidence-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .bf-product-vehicle-slot,
  [data-vehicle-product-context] {
    margin: 14px 0 18px;
  }

  .bf-vehicle-evidence-grid {
    grid-template-columns: 1fr;
  }

  .bf-vehicle-evidence-assessment {
    grid-column: auto;
  }

  .bf-vehicle-evidence-action,
  .bf-vehicle-evidence-action.is-quiet {
    flex: 1 1 100%;
    margin-left: 0;
  }
}