/*
 * Reversible typography layer.
 * Removing this stylesheet link restores the previous typography.
 */

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

h1 {
  font-weight: 700;
  letter-spacing: -.03em;
}

h2 {
  letter-spacing: -.018em;
}

.eyebrow,
.category,
.image-label,
.contact-item > span,
.address > span,
.service-page .section-head > span,
.document-meta,
.document-visual > span {
  letter-spacing: .1em;
}

.navigation .menu {
  font-family: inherit;
}

.hero-detail {
  font-size: 15px;
  line-height: 1.65;
}

.service-strip > div {
  font-size: 12px;
}

.section-heading > p,
.section-text,
.service-page .section-head p {
  font-size: 15px;
  line-height: 1.7;
}

.card p {
  font-size: 14px;
  line-height: 1.65;
}

.card a,
.service-page .area-links a,
.service-page .all-areas {
  font-size: 13px;
}

summary {
  font-size: 15px;
}

details p {
  font-size: 14px;
  line-height: 1.7;
}

.guide-grid p,
.guide-note p,
.symptoms > p,
.symptom-grid p {
  font-size: 15px;
  line-height: 1.75;
}

.symptom-grid p {
  font-size: 14px;
}

.reference-note {
  font-size: 12px;
  line-height: 1.7;
}

.fault-preview-grid p {
  font-size: 14px;
  line-height: 1.65;
}

.fault-preview-action p {
  font-size: 13px;
  line-height: 1.65;
}

.contact-intro p:not(.eyebrow) {
  font-size: 14px;
}

.contact-item > span {
  font-size: 11px;
}

.contact-item small {
  font-size: 13px;
}

.footer-bottom {
  font-size: 11px;
}

.service-page .crumbs .wrap,
.crumbs {
  font-size: 12px;
}

.service-page .hero-copy > p {
  font-size: 18px;
  line-height: 1.65;
}

.service-page .content-card p {
  font-size: 15px;
  line-height: 1.75;
}

.service-page .process-grid p,
.fault-type-grid p {
  font-size: 14px;
  line-height: 1.65;
}

.fault-guide-layout p {
  font-size: 15px;
  line-height: 1.7;
}

.fault-guide-layout li {
  font-size: 13px;
}

.document-visual > span,
.document-meta {
  font-size: 10px;
}

.document-body p {
  font-size: 14px;
  line-height: 1.7;
}

.document-body li {
  font-size: 13px;
  line-height: 1.55;
}

.document-body a {
  font-size: 13px;
}

.model-note p {
  font-size: 13px;
}

.model-note a,
.technical-warning {
  font-size: 12px;
}

.service-page .site-footer p {
  font-size: 13px;
}

.service-page .site-footer span {
  font-size: 10px;
}

@media (max-width: 760px) {
  h1 {
    letter-spacing: -.025em;
  }

  .eyebrow {
    font-size: 11px;
    letter-spacing: .09em;
  }

  .hero-detail {
    font-size: 14px;
  }

  .service-strip > div,
  .service-strip > div:first-child,
  .service-strip > div:last-child {
    font-size: 11px;
    line-height: 1.5;
  }

  h2 {
    font-size: 28px;
  }

  .service-page .hero-copy > p {
    font-size: 16px;
  }

  .hero-product figcaption,
  .service-page .service-visual figcaption {
    font-size: 9px;
  }
}