.driver-observation-markdown {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.driver-observation-markdown > :first-child {
  margin-top: 0;
}

.driver-observation-markdown > :last-child {
  margin-bottom: 0;
}

.driver-observation-markdown h1,
.driver-observation-markdown h2,
.driver-observation-markdown h3 {
  margin: 0 0 .5rem;
  color: inherit;
  font-weight: 800;
  line-height: 1.25;
}

.driver-observation-markdown h1 { font-size: 1.18rem; }
.driver-observation-markdown h2 { font-size: 1.06rem; }
.driver-observation-markdown h3 { font-size: .98rem; }

.driver-observation-markdown p,
.driver-observation-markdown ul,
.driver-observation-markdown ol {
  margin: 0 0 .55rem;
}

.driver-observation-markdown ul,
.driver-observation-markdown ol {
  padding-left: 1.25rem;
}

.driver-observation-markdown strong {
  font-weight: 800;
}

.driver-observation-markdown a {
  color: var(--driver-accent, #315bea);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.driver-observation-markdown table {
  width: 100%;
  margin: .6rem 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: .9em;
}

.driver-observation-markdown th,
.driver-observation-markdown td {
  padding: .45rem .5rem;
  border: 1px solid var(--driver-border, #e5e7eb);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.driver-observation-markdown th {
  background: var(--driver-surface-alt, #f8fafc);
  font-weight: 800;
}

body.driver-body #driver-dashboard .driver-next-service-detail__value .driver-observation-markdown {
  width: 100%;
  text-align: right;
}

body.driver-body #driver-dashboard .driver-detail-row dd .driver-observation-markdown {
  width: 100%;
}

body.driver-body #driver-dashboard .driver-next-service-detail__value .driver-observation-markdown ul,
body.driver-body #driver-dashboard .driver-next-service-detail__value .driver-observation-markdown ol {
  display: inline-block;
  text-align: left;
}

body.driver-body #driver-dashboard .driver-next-service-detail__value .driver-observation-markdown table {
  text-align: left;
}

.driver-detail-page .driver-observation-markdown {
  font-weight: 500;
}
