/* Adapter-only corrections. The approved source build is unchanged. */
html:has(body.sl-wp-preview){overflow-x:clip!important;scroll-padding-top:110px}
html body.sl-wp-preview{margin:0;padding-top:0!important;background:#fff;overflow-x:clip!important;overflow-y:visible!important;--sl-preview-toolbar:32px;--sl-preview-stage-top:94px}
.sl-wp-preview .sl-nav-header{top:0}
.sl-wp-preview #wpadminbar{z-index:999999}
.sl-wp-preview .skip-link:focus{position:fixed;top:calc(var(--sl-preview-toolbar,32px) + 16px)}
.sl-wp-preview .sl-mobile-drawer-top p{color:#506575}
.sl-wp-preview > .sil-p4float{display:none!important}
.sl-wp-preview [id]{scroll-margin-top:110px}
.sl-wp-preview .sl-nav-shell,.sl-wp-preview .shh-shell,.sl-wp-preview .shh-solution-grid{width:min(1280px,calc(100% - 104px));margin-inline:auto}
.sl-wp-preview .sl-localnav{top:var(--sl-preview-toolbar)}
.sl-preview-replay{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:13px;color:#526b7e;text-decoration:underline;text-underline-offset:3px}
.sl-preview-replay:hover{color:#0878be}
.sl-preview-replay:focus-visible{outline:3px solid #0878be;outline-offset:4px}
@media(min-width:981px) and (min-height:680px){
  .sl-wp-preview .sl-orbit.is-scroll .sl-orbit-sticky{top:var(--sl-preview-stage-top);height:calc(100svh - var(--sl-preview-stage-top))}
}
@media(min-width:981px) and (min-height:720px){
  .sl-wp-preview .sl-macros.is-scroll .sl-macro-stage{top:var(--sl-preview-stage-top);height:calc(100svh - var(--sl-preview-stage-top))}
}
@media(max-width:980px){
  .sl-wp-preview .sl-nav-shell,.sl-wp-preview .shh-shell,.sl-wp-preview .shh-solution-grid{width:calc(100% - 64px)}
}
@media(max-width:782px){html body.sl-wp-preview{--sl-preview-toolbar:46px;--sl-preview-stage-top:108px}}
@media(max-width:600px){
  html body.sl-wp-preview{--sl-preview-toolbar:0px}
  .sl-wp-preview .sl-nav-shell,.sl-wp-preview .shh-shell,.sl-wp-preview .shh-solution-grid{width:calc(100% - 40px)}
}

/* Product acceptance: keep the comparison tray action unobstructed. */
body.sl-wp-preview.pc-has-selection #ast-scroll-top {
  display: none !important;
}
body.sl-wp-preview .pc-comparison-wrap {
  position: relative;
}

/* Candidate reading shell. Existing WordPress content, IDs and links are retained. */
body.sl-wp-preview.sl-content-preview {
  --sl-read-ink: #1d3444;
  --sl-read-muted: #506575;
  --sl-read-blue: #006cb0;
  --sl-read-line: #dbe4ea;
  --sl-read-soft: #f5f8fa;
  --sl-read-measure: 72ch;
  --sl-read-offset: calc(var(--sl-preview-toolbar, 32px) + 24px);
  color: var(--sl-read-ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
/* Old article-specific header patches do not control the new shared header. */
.sl-wp-preview.sl-content-preview .sl-nav-header {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  margin-top: 0 !important;
}
.sl-content-preview .sl-preserved-main {
  width: min(1280px, calc(100% - 104px));
  margin-inline: auto;
  padding-block: 56px 96px;
  min-width: 0;
}
.sl-content-preview .sl-preserved-content {
  min-width: 0;
  width: 100%;
  color: var(--sl-read-ink);
}
.sl-content-preview [data-sl-preserved] :is(h1, h2, h3, h4, h5, h6, p, a, li, dt, dd, th, td, summary, label, input, button, select, textarea, time, figcaption) {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}
.sl-content-preview .sl-preserved-heading {
  max-width: var(--sl-read-measure);
  margin: 0 auto 40px;
}
.sl-content-preview .sl-preserved-heading:empty { display: none; }
.sl-content-preview .sl-preserved-heading h1,
.sl-content-preview .sl-preserved-copy h1 {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(2.125rem, 3.5vw, 2.875rem) !important;
  line-height: 1.12 !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
  color: var(--sl-read-ink) !important;
  margin: 0 0 28px !important;
  text-wrap: balance;
}
.sl-content-preview .sl-preserved-heading .breadcrumbs {
  margin: 0 0 24px;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--sl-read-muted);
}
.sl-content-preview .sl-content-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 20px 0 28px;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--sl-read-muted);
}
.sl-content-preview .sl-content-neighbours {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
  max-width: var(--sl-read-measure);
  margin: 56px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--sl-read-line);
}
.sl-content-preview .sl-content-neighbours a {
  display: block;
  min-height: 44px;
  color: var(--sl-read-blue);
  font-size: 1rem;
  line-height: 1.65;
  text-decoration: none;
}
.sl-content-preview .sl-content-neighbours a:hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.sl-content-preview .sl-content-neighbours span {
  display: block;
  margin-bottom: 8px;
  color: var(--sl-read-muted);
  font-size: .8125rem;
}
.sl-content-preview .sl-preserved-copy {
  max-width: var(--sl-read-measure);
  margin-inline: auto;
  min-width: 0;
  font-size: 1.0625rem;
  line-height: 1.8;
  overflow-wrap: break-word;
  font-family: inherit;
}
.sl-content-preview .sl-preserved-copy * { box-sizing: border-box; }
.sl-content-preview .sl-preserved-copy :is(h2, h3, h4, h5, h6) {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  color: var(--sl-read-ink) !important;
  font-weight: 600;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.sl-content-preview .sl-preserved-copy h2 {
  font-size: clamp(1.625rem, 2.5vw, 2rem) !important;
  line-height: 1.25 !important;
  margin: 48px 0 20px !important;
}
.sl-content-preview .sl-preserved-copy h3 {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  margin: 32px 0 12px !important;
}
.sl-content-preview .sl-preserved-copy :is(h4, h5, h6) {
  font-size: 1.0625rem;
  line-height: 1.5;
  margin: 24px 0 12px;
}
.sl-content-preview .sl-preserved-copy :is(p, li, dd) {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.sl-content-preview .sl-preserved-copy p { margin: 0 0 24px; }
.sl-content-preview .sl-preserved-copy :is(ul, ol) { margin: 16px 0 28px; padding-left: 1.5em; }
.sl-content-preview .sl-preserved-copy li { margin: 8px 0; }
.sl-content-preview .sl-preserved-copy dl { margin: 24px 0; }
.sl-content-preview .sl-preserved-copy dt { font-weight: 600; }
.sl-content-preview .sl-preserved-copy dd { margin: 4px 0 20px; }
.sl-content-preview .sl-preserved-copy a {
  color: var(--sl-read-blue);
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}
.sl-content-preview .sl-preserved-copy a:hover { color: #004b7d; text-decoration-thickness: 2px; }
.sl-content-preview .sl-preserved-content ::selection { background: #c8e4f5; color: #142e42; }
.sl-content-preview .sl-preserved-content :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #0878be;
  outline-offset: 4px;
}
.sl-content-preview .sl-preserved-copy [id] { scroll-margin-top: var(--sl-read-offset) !important; }
.sl-content-preview .sl-preserved-copy :is(img, video, svg, canvas, iframe, embed) { max-width: 100%; }
.sl-content-preview .sl-preserved-copy img { height: auto; }
.sl-content-preview .sl-preserved-copy figure { margin: 32px 0; max-width: 100%; }
.sl-content-preview .sl-preserved-copy figcaption { font-size: .875rem; color: var(--sl-read-muted); line-height: 1.65; margin-top: 12px; }
.sl-content-preview .sl-preserved-copy blockquote {
  border: 0;
  border-block: 1px solid var(--sl-read-line);
  margin: 32px 0;
  padding: 24px 0;
  color: var(--sl-read-muted);
}
.sl-content-preview .sl-preserved-copy pre { max-width: 100%; overflow: auto; padding: 20px; background: var(--sl-read-soft); }
.sl-content-preview .sl-preserved-copy :is(pre, code) { white-space: pre-wrap; overflow-wrap: anywhere; }
.sl-content-preview .sl-preserved-copy .wp-block-columns { gap: 32px; }
.sl-content-preview .sl-preserved-copy .wp-block-column { min-width: 0; }
.sl-content-preview .sl-preserved-copy :is(.alignwide, .alignfull) { max-width: 100%; margin-inline: 0; }
.sl-content-preview .sl-preserved-copy .wp-block-image img { object-fit: contain; }

/* The table itself retains native semantics; only its bounded viewport scrolls. */
.sl-content-preview .sl-preserved-copy .sl-content-table {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  margin: 24px 0 32px;
  border: 1px solid var(--sl-read-line);
  border-radius: 0;
  background: #fff;
  scrollbar-width: auto;
  scrollbar-color: #66869a #edf3f6;
}
.sl-content-preview .sl-preserved-copy .sl-content-table:focus-visible { outline-offset: 0; }
.sl-content-preview .sl-preserved-copy .sl-content-table table {
  display: table !important;
  width: 100% !important;
  min-width: 36rem !important;
  border-collapse: collapse;
  margin: 0 !important;
  font-size: .9375rem;
  line-height: 1.65;
  font-variant-numeric: tabular-nums;
  background: #fff;
}
.sl-content-preview .sl-preserved-copy .sl-content-table :is(th, td) {
  display: table-cell !important;
  vertical-align: top;
  text-align: left;
  padding: 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sl-read-line) !important;
  font-size: .9375rem;
  line-height: 1.65;
  width: auto !important;
  color: var(--sl-read-ink);
}
.sl-content-preview .sl-preserved-copy .sl-content-table th { background: #f1f6f9; font-weight: 600; }
.sl-content-preview .sl-preserved-copy .sl-content-table tbody { display: table-row-group !important; }
.sl-content-preview .sl-preserved-copy .sl-content-table tr { display: table-row !important; border: 0 !important; }
.sl-content-preview .sl-preserved-copy .sl-content-table thead {
  display: table-header-group !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  overflow: visible !important;
}
.sl-content-preview .sl-preserved-copy .sl-content-table td::before { display: none !important; }
.sl-content-preview .sl-preserved-copy .sl-content-table tr:last-child :is(th, td) { border-bottom: 0 !important; }
.sl-content-preview .sl-preserved-copy .sl-content-table-hint {
  margin: -20px 0 32px;
  color: var(--sl-read-muted);
  font-size: .8125rem;
  line-height: 1.6;
}
.sl-content-preview .sl-preserved-copy .sl-content-table-hint[hidden] { display: none; }

/* Existing article structure takes the full shell; its text keeps the reading measure. */
.sl-content-preview .sl-preserved-copy:has(.article-review),
.sl-content-preview .sl-preserved-copy:has([data-sl-toc-generated]) { max-width: none; }
.sl-content-preview .sl-preserved-copy .article-review {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: inherit;
}
.sl-content-preview .sl-preserved-copy .article-layout,
.sl-content-preview .sl-preserved-copy.sl-content-with-toc {
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}
.sl-content-preview .sl-preserved-copy .article-copy,
.sl-content-preview .sl-preserved-copy .sl-content-reading {
  width: 100%;
  min-width: 0;
  max-width: var(--sl-read-measure);
  font-size: inherit;
  line-height: inherit;
}
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) {
  position: sticky;
  top: var(--sl-read-offset);
  max-height: calc(100dvh - var(--sl-read-offset) - 24px);
  overflow-y: auto;
  border: 0;
  border-top: 1px solid var(--sl-read-line);
  padding: 12px 0;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--sl-read-muted);
}
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) summary {
  min-height: 44px;
  padding: 10px 0;
  font-size: .875rem;
  font-weight: 600;
  color: var(--sl-read-ink);
  cursor: pointer;
}
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) :is(ul, ol) {
  padding: 0;
  margin: 8px 0 0;
  list-style: none;
}
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) li { margin: 0; }
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) a {
  display: block;
  padding: 10px 0;
  color: var(--sl-read-muted);
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.6;
}
.sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) a:hover { color: var(--sl-read-blue); text-decoration: underline; }

/* Override legacy article-only decoration without editing its stored HTML. */
.sl-content-preview .sl-preserved-copy #discontinued-lcd-module-replacement-guide.sil-eolr {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  color: inherit;
  line-height: inherit;
}
.sl-content-preview .sl-preserved-copy .sil-eolr__hero {
  padding: 0;
  margin: 0 0 40px !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.sl-content-preview .sl-preserved-copy .sil-eolr__hero p { font-size: inherit; line-height: inherit; }
.sl-content-preview .sl-preserved-copy .sil-eolr__headline {
  font-size: clamp(2.125rem, 3.5vw, 2.875rem) !important;
  line-height: 1.12 !important;
  color: var(--sl-read-ink) !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
  text-wrap: balance;
}
.sl-content-preview .sl-preserved-copy :is(.sil-eolr__kicker, .l038-kicker, .article-date) {
  color: var(--sl-read-muted) !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none;
}
.sl-content-preview .sl-preserved-copy :is(.sil-eolr__summary, .sil-eolr__grid, .sil-eolr__cards4) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.sl-content-preview .sl-preserved-copy :is(.sil-eolr__box, .sil-eolr__card, .sil-eolr__mini, .sil-eolr__quote) {
  border: 0;
  border-top: 1px solid var(--sl-read-line);
  padding: 24px 0 0;
  border-radius: 0;
  background: transparent;
}
.sl-content-preview .sl-preserved-copy :is(.sil-eolr__note, .sil-eolr__warning) {
  border: 0;
  background: var(--sl-read-soft);
  color: var(--sl-read-ink);
  padding: 24px;
  margin: 32px 0;
}
.sl-content-preview .sl-preserved-copy #replacement-approval-gate {
  border: 0;
  border-top: 1px solid var(--sl-read-line);
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 48px 0;
  color: inherit;
}
.sl-content-preview .sl-preserved-copy #replacement-approval-gate .l038-answer {
  padding: 0;
  border: 0;
  background: transparent;
  margin: 24px 0;
}
.sl-content-preview .sl-preserved-copy .sil-eolr__cta {
  border-block: 1px solid var(--sl-read-line);
  border-radius: 0;
  background: transparent;
  color: var(--sl-read-ink);
  padding: 24px 0;
  margin-top: 48px;
}
.sl-content-preview .sl-preserved-copy .sil-eolr__cta :is(p, li) { color: inherit; }
.sl-content-preview .sl-preserved-copy .sil-eolr__button {
  background: #0878be;
  color: #fff !important;
  font-weight: 600;
  border-radius: 6px;
}
.sl-content-preview .sl-preserved-copy .sil-eolr__button--secondary {
  background: #fff;
  border: 1px solid #b9c9d4;
  color: var(--sl-read-ink) !important;
}
/* Legacy full-bleed pages stay inside the shared shell and keep their photo-hero contrast. */
.sl-content-preview .sl-preserved-copy:has(.sil-about-20260712),
.sl-content-preview .sl-preserved-copy:has(.sil-contact-clean-v1) { max-width: none; }
.sl-content-preview .sl-preserved-content :is(.sil-about-20260712, .sil-contact-clean-v1) {
  --sil-ink: #1d3444;
  --sil-text: #1d3444;
  --sil-body: #1d3444;
  --sil-muted: #506575;
  --sil-blue: #0878be;
  --sil-teal: #0878be;
  --sil-line: #dbe4ea;
  --sil-soft: #f5f8fa;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  line-height: inherit;
}
.sl-content-preview .sl-preserved-content .sil-contact-hero { width: 100%; max-width: 100%; margin-inline: 0; }
.sl-content-preview .sl-preserved-content :is(.sil-about-hero, .sil-contact-hero) h1 { color: #fff !important; }
.sl-content-preview .sl-preserved-content .sil-contact-hero h1 {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(2.125rem, 4.1vw, 3.5rem) !important;
  line-height: 1.12 !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
}
.sl-content-preview .sl-preserved-content :is(.sil-about-hero, .sil-contact-hero) :is(p, .sil-about-lead, .sil-contact-lead) { color: #e3eff5; }
.sl-content-preview .sl-preserved-content :is(.sil-about-shell, .sil-contact-wrap) { width: calc(100% - 64px); max-width: 1160px; }
.sl-content-preview .sl-preserved-content :is(.sil-about-eyebrow, .sil-contact-eyebrow, .sil-contact-form-head > span) {
  font-size: .875rem;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: none;
}
.sl-content-preview .sl-preserved-content :is(.sil-about-button, .sil-contact-btn) { font-weight: 600; box-shadow: none; }
.sl-content-preview .sl-preserved-content :is(.sil-about-hero, .sil-contact-hero) a.secondary { color: #fff; }
.sl-content-preview .sl-preserved-content .sil-about-hero a.primary { color: #1d3444; }
.sl-content-preview .sl-preserved-content :is(.sil-about-partner-card, .sil-about-scope-item, .sil-contact-method, .sil-contact-spec-help) { border-left: 0; border-top-width: 1px; }
.sl-content-preview .sl-preserved-content .sil-contact-form-panel { box-shadow: none; }

/* The article directory uses real WordPress titles, excerpts and dates. */
/* Application hero: illustrative HMI scene, scoped to the authenticated candidate. */
.sl-content-preview .sl-preserved-copy:has(.sil-app-clean-v1) { max-width: none; }
.sl-content-preview .sl-preserved-content .sil-app-clean-v1 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
}
.sl-content-preview .sl-preserved-content .sil-app-clean-v1 .sil-app-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background-color: #122a3b !important;
  background-image: linear-gradient(90deg, rgba(13, 31, 46, .91) 0%, rgba(13, 31, 46, .84) 40%, rgba(13, 31, 46, .18) 72%, rgba(13, 31, 46, .08) 100%), url("/wp-content/uploads/2026/10/applications-industrial-hmi-banner.webp") !important;
  background-position: center !important;
  background-size: auto, cover !important;
  background-repeat: no-repeat !important;
}
.sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-wrap {
  width: calc(100% - 64px);
  max-width: 1160px;
  min-height: 500px;
  padding-block: 64px;
  align-items: center;
}
.sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-wrap > div { max-width: 58%; }
.sl-content-preview .sl-preserved-content .sil-app-hero h1 {
  color: #fff !important;
  max-width: 18ch;
  font-size: clamp(2.125rem, 3.6vw, 3.5rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
}
.sl-content-preview .sl-preserved-content .sil-app-hero :is(.sil-app-eyebrow, .sil-app-lead) { color: #edf5fa !important; }
.sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-eyebrow {
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-lead { max-width: 36ch; }
.sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-btn { font-weight: 600; box-shadow: none; }
@media (max-width: 760px) {
  .sl-content-preview .sl-preserved-content .sil-app-clean-v1 .sil-app-hero {
    background-image: linear-gradient(90deg, rgba(13, 31, 46, .90), rgba(13, 31, 46, .74)), url("/wp-content/uploads/2026/10/applications-industrial-hmi-banner.webp") !important;
    background-position: 72% center !important;
  }
  .sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-wrap { width: calc(100% - 40px); min-height: 440px; padding: 48px 0; }
  .sl-content-preview .sl-preserved-content .sil-app-hero .sil-app-wrap > div { max-width: 100%; }
}

/* Application case studies and inquiry actions keep their own spacing and colors. */
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-app-case {
  padding: 28px !important;
  min-width: 0;
  gap: 20px;
  align-content: start;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-app-case > :is(h3, p) {
  margin: 0 !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-app-case h3 {
  line-height: 1.35 !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-depth-app .sil-depth__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 100%;
  padding: 12px 20px;
  border: 1px solid;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-depth-app .sil-depth__btn.primary {
  background: #0878be;
  border-color: #0878be;
  color: #fff !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-depth-app .sil-depth__btn.primary:is(:hover, :focus-visible) {
  background: #00639f;
  border-color: #00639f;
  color: #fff !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-depth-app .sil-depth__btn.secondary {
  background: #fff;
  border-color: #b9c9d4;
  color: #006cb0 !important;
}
body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-depth-app .sil-depth__btn.secondary:is(:hover, :focus-visible) {
  background: #edf5fa;
  border-color: #00639f;
  color: #00639f !important;
}
@media (max-width: 760px) {
  body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-app-case-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.sl-content-preview [data-sl-preserved][data-wp-id="704"] .sil-app-case {
    padding: 20px !important;
  }
}

.sl-wp-preview .sl-articles-index {
  width: min(1280px, calc(100% - 104px));
  margin-inline: auto;
  padding-block: 56px 96px;
  color: #1d3444;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
.sl-wp-preview .sl-articles-heading { max-width: 72ch; margin-bottom: 56px; }
.sl-wp-preview .sl-articles-heading h1 {
  color: #1d3444;
  font: 650 clamp(2.5rem, 4.7vw, 4rem)/1.12 Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: -.03em;
  text-wrap: balance;
  margin: 0 0 24px;
}
.sl-wp-preview .sl-articles-heading p { font-size: 1.0625rem; line-height: 1.8; color: #506575; margin: 0; }
.sl-wp-preview .sl-articles-empty { max-width: 72ch; padding-block: 28px; border-top: 1px solid #dbe4ea; }
.sl-wp-preview .sl-articles-empty h2 { margin: 0 0 16px; color: #1d3444; font-size: clamp(1.5rem, 2.1vw, 1.75rem); line-height: 1.3; letter-spacing: -.02em; }
.sl-wp-preview .sl-articles-empty p { margin: 0 0 24px; color: #506575; font-size: 1rem; line-height: 1.75; }
.sl-wp-preview .sl-articles-empty a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #006cb0; font-weight: 600; text-underline-offset: .2em; }
.sl-wp-preview .sl-articles-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 64px; }
.sl-wp-preview .sl-article-card { min-width: 0; padding: 28px 0 0; border-top: 1px solid #dbe4ea; }
.sl-wp-preview .sl-article-card h2 {
  font-size: clamp(1.5rem, 2.1vw, 1.75rem);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0 0 20px;
  color: #1d3444;
}
.sl-wp-preview .sl-article-card h2 a { color: inherit; text-decoration: none; }
.sl-wp-preview .sl-article-card h2 a:hover { color: #006cb0; text-decoration: underline; text-underline-offset: .2em; }
.sl-wp-preview .sl-article-card :is(p, .sl-article-excerpt) { margin: 0 0 20px; color: #506575; font-size: 1rem; line-height: 1.75; max-width: 66ch; }
.sl-wp-preview .sl-article-card :is(time, .sl-content-meta) { color: #506575; font-size: .8125rem; line-height: 1.6; margin: 0; }
.sl-wp-preview .sl-articles-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 56px; }
.sl-wp-preview .sl-articles-pagination :is(a, span) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid #b9c9d4;
  border-radius: 5px;
  color: #006cb0;
  font-size: .9375rem;
  line-height: 1.4;
  text-decoration: none;
}
.sl-wp-preview .sl-articles-pagination a:hover { border-color: #006cb0; background: #f1f6f9; }
.sl-wp-preview .sl-articles-pagination .current { background: #0878be; border-color: #0878be; color: #fff; }
.sl-wp-preview .sl-articles-pagination .dots { min-width: 20px; padding-inline: 0; border: 0; color: #506575; }
.sl-wp-preview .sl-articles-index :is(a, button):focus-visible { outline: 3px solid #0878be; outline-offset: 4px; }
.sl-wp-preview .sl-articles-index ::selection { background: #c8e4f5; color: #142e42; }
@media (max-width: 980px) {
  .sl-content-preview .sl-preserved-main { width: calc(100% - 64px); padding-block: 40px 72px; }
  .sl-wp-preview .sl-articles-index { width: calc(100% - 64px); padding-block: 40px 72px; }
  .sl-wp-preview .sl-articles-grid { gap: 40px 32px; }
  .sl-content-preview .sl-preserved-copy .article-layout,
  .sl-content-preview .sl-preserved-copy.sl-content-with-toc { grid-template-columns: 184px minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 760px) {
  .sl-content-preview .sl-content-neighbours { grid-template-columns: 1fr; }
  .sl-wp-preview .sl-articles-grid { grid-template-columns: 1fr; gap: 32px; }
  .sl-content-preview .sl-preserved-copy .article-layout,
  .sl-content-preview .sl-preserved-copy.sl-content-with-toc { display: block; }
  .sl-content-preview .sl-preserved-copy :is(.article-toc, .sl-content-toc) {
    position: static;
    max-height: none;
    border-block: 1px solid var(--sl-read-line);
    margin-bottom: 32px;
    overflow: visible;
  }
  .sl-content-preview .sl-preserved-copy :is(.sil-eolr__summary, .sil-eolr__grid, .sil-eolr__cards4) { grid-template-columns: 1fr; }
  .sl-content-preview .sl-preserved-copy #replacement-approval-gate .l038-record { columns: 1; }
  .sl-content-preview .sl-preserved-copy #replacement-approval-gate .l038-status-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .sl-content-preview .sl-preserved-main { width: calc(100% - 40px); padding-block: 32px 56px; }
  .sl-wp-preview .sl-articles-index { width: calc(100% - 40px); padding-block: 32px 56px; }
  .sl-wp-preview .sl-articles-heading { margin-bottom: 40px; }
  .sl-wp-preview .sl-articles-heading h1 { font-size: 2.25rem; }
  .sl-wp-preview .sl-articles-pagination { margin-top: 40px; }
  .sl-content-preview .sl-preserved-content :is(.sil-about-shell, .sil-contact-wrap) { width: calc(100% - 40px); }
  .sl-content-preview [data-wp-id="377"] .sil-contact-wrap { width: 100%; padding-inline: 0; }
  .sl-content-preview [data-wp-id="377"] .sil-contact-form-panel { padding: 20px; }
  .sl-content-preview .sl-preserved-heading { margin-bottom: 32px; }
  .sl-content-preview .sl-preserved-copy { font-size: 1rem; line-height: 1.75; }
  .sl-content-preview .sl-preserved-copy .wp-block-columns { display: block; }
  .sl-content-preview .sl-preserved-copy .wp-block-column + .wp-block-column { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-content-preview .sl-preserved-copy { scroll-behavior: auto; }
}

/* Custom Solutions and Resources use page layouts, rather than the article measure. */
.sl-content-preview [data-wp-id="1032"] {
  /* Original page palette also reaches sections outside the legacy wrapper. */
  --sil-navy: #0b2f55;
  --sil-deep: #061527;
  --sil-blue: #0b72b9;
  --sil-teal: #139f9a;
  --sil-text: #17263a;
  --sil-muted: #607089;
  --sil-soft: #f5f8fb;
  --sil-soft-blue: #edf5fb;
  --sil-line: #dbe6f0;
  --sil-white: #ffffff;
}
.sl-content-preview [data-wp-id="1032"] .sl-preserved-copy,
.sl-content-preview [data-wp-id="1316"] .sl-preserved-copy { max-width: none; width: 100%; }
.sl-content-preview [data-wp-id="1032"] .sil-custom-wrap { width: 100%; max-width: none; padding-inline: 32px; }
.sl-content-preview [data-wp-id="1032"] .sil-custom-hero h1,
.sl-content-preview [data-wp-id="1316"] .sil-faqs-hero h1 { color: #fff !important; font-size: clamp(2.125rem, 4.5vw, 3.75rem) !important; }
.sl-content-preview [data-wp-id="1032"] .sil-custom-final h2 { color: #fff !important; }
.sl-content-preview [data-wp-id="1032"] .sil-depth__btn.primary { color: #fff !important; }
.sl-content-preview [data-wp-id="1032"] .sil-depth__btn.secondary { color: #0f766e !important; }
.sl-content-preview [data-wp-id="1032"] .sil-section-head h2,
.sl-content-preview [data-wp-id="1316"] :is(.sil-faqs-section, #sil-latest-engineering-guides-20260718, .sil-gla-panel, .sil-faqs-rfq-box) h2 { margin: 0 0 20px !important; }
.sl-content-preview [data-wp-id="1032"] :is(.sil-route, .sil-service-body) h3,
.sl-content-preview [data-wp-id="1316"] :is(.sil-faqs-card, .sil-faqs-answer, .sil-leg-card, .sil-gla-card) h3 { margin: 0 0 16px !important; }
.sl-content-preview [data-wp-id="1032"] :is(.sil-section-head, .sil-hero-copy) p { max-width: 72ch; }
.sl-content-preview [data-wp-id="1032"] .sil-btn.primary,
.sl-content-preview [data-wp-id="1316"] :is(.sil-gla-search button, .sil-faqs-rfq-primary) { background: #0878be !important; border-color: #0878be !important; color: #fff !important; }
.sl-content-preview [data-wp-id="1032"] .sil-btn.primary:is(:hover, :focus-visible),
.sl-content-preview [data-wp-id="1316"] :is(.sil-gla-search button, .sil-faqs-rfq-primary):is(:hover, :focus-visible) { background: #00639f !important; border-color: #00639f !important; }
.sl-content-preview [data-wp-id="1316"] :is(#sil-faqs-hub-20260717, #sil-faqs-rfq-20260717) { width: 100%; max-width: 100%; margin-inline: 0; }
.sl-content-preview [data-wp-id="1316"] .sil-faqs-inner { width: calc(100% - 64px) !important; }
.sl-content-preview [data-wp-id="1316"] .sil-faqs-rfq-inner { width: 100% !important; margin-inline: 0; }
.sl-content-preview [data-wp-id="1316"] :is(#sil-latest-engineering-guides-20260718, #sil-engineering-guides-archive-20260718) { width: 100%; }
.sl-content-preview [data-wp-id="1316"] #sil-engineering-guides-archive-20260718 .sil-gla-panel,
.sl-content-preview [data-wp-id="1316"] #sil-faqs-rfq-20260717 .sil-faqs-rfq-box { border-left-width: 1px; background: #f5f8fa; padding: 32px; }
.sl-content-preview [data-wp-id="1316"] #sil-faqs-rfq-20260717 { margin-bottom: 0; }
.sl-content-preview .sl-preserved-main:has(> [data-wp-id="1316"]) { padding-bottom: 64px; }
/* The shared footer already spans the page; legacy 100vw breakout shifts it by half the scrollbar. */
.sl-wp-preview.sl-content-preview:has([data-wp-id="1316"] #sil-faqs-hub-20260717) #site-footer.sl-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
.sl-content-preview [data-wp-id="1316"] #sil-engineering-guides-archive-20260718 .sil-gla-search input[type="search"] { min-width: 0; max-width: 100%; }
.sl-content-preview [data-wp-id="1316"] .sil-faqs-button-secondary { color: #fff !important; }
.sl-content-preview [data-wp-id="1316"] .sil-faqs-button-primary { color: #1d3444 !important; }
.sl-content-preview :is([data-wp-id="1032"], [data-wp-id="1316"]) :is(a, button, input):focus-visible { outline: 3px solid #0878be; outline-offset: 4px; }
.sl-articles-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin-top: 28px; }
.sl-articles-search label { grid-column: 1 / -1; color: #1d3444; font-weight: 600; font-size: .9375rem; }
.sl-articles-search input { min-width: 0; min-height: 48px; border: 1px solid #b9c9d4; border-radius: 5px; padding: 12px 16px; color: #1d3444; background: #fff; font: inherit; }
.sl-articles-search button { min-height: 48px; border: 1px solid #0878be; border-radius: 5px; padding: 12px 20px; color: #fff; background: #0878be; font: 600 .9375rem/1.4 Inter, "Segoe UI", Arial, sans-serif; }
.sl-articles-search button:hover { background: #00639f; border-color: #00639f; }
.sl-articles-search input:focus-visible { outline: 3px solid #0878be; outline-offset: 3px; }
.sl-articles-heading .sl-articles-search-context { margin-top: 20px; overflow-wrap: anywhere; }
.sl-articles-search-context a { color: #006cb0; text-underline-offset: .2em; }
@media (max-width: 600px) {
  .sl-content-preview [data-wp-id="1032"] .sil-custom-wrap { padding-inline: 20px; }
  .sl-content-preview [data-wp-id="1316"] .sil-faqs-inner { width: calc(100% - 40px) !important; }
  .sl-content-preview .sl-preserved-main:has(> [data-wp-id="1316"]) { padding-bottom: 40px; }
  .sl-content-preview [data-wp-id="1316"] #sil-engineering-guides-archive-20260718 .sil-gla-panel,
  .sl-content-preview [data-wp-id="1316"] #sil-faqs-rfq-20260717 .sil-faqs-rfq-box { padding: 20px; }
  .sl-articles-search { grid-template-columns: minmax(0, 1fr); }
}