@scope (.sp-qa) {

/* qa-global.css */
/* Shared primitives. Global visual roles come from the active SEER POWER theme. */
.elementor-widget-seerpower_qa_hero,
.elementor-widget-seerpower_qa_quality_system,
.elementor-widget-seerpower_qa_live_verification,
.elementor-widget-seerpower_qa_certifications,
.elementor-widget-seerpower_qa_factory_tour,
.elementor-widget-seerpower_qa_hero > .elementor-widget-container,
.elementor-widget-seerpower_qa_quality_system > .elementor-widget-container,
.elementor-widget-seerpower_qa_live_verification > .elementor-widget-container,
.elementor-widget-seerpower_qa_certifications > .elementor-widget-container,
.elementor-widget-seerpower_qa_factory_tour > .elementor-widget-container {
  background: transparent;
  margin: 0;
  padding: 0;
  position: static;
  transform: none;
}

.e-con.seer-qa-host--first,
.e-con-inner.seer-qa-host--first,
.elementor-widget-wrap.seer-qa-host--first { padding-top: 0; }
.e-con.seer-qa-host--last,
.e-con-inner.seer-qa-host--last,
.elementor-widget-wrap.seer-qa-host--last { padding-bottom: 0; }

.seer-qa-hero,
.seer-qa-system,
.seer-qa-live,
.seer-qa-certifications,
.seer-qa-tour {
  --qa-accent: var(--seer-orange);
  --qa-accent-ink: var(--seer-navy-deep);
  --qa-accent-ink: color-mix(in srgb, var(--qa-accent), var(--seer-navy-deep) 30%);
  box-sizing: border-box;
  color: var(--seer-text);
  font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif);
  margin: 0;
  max-width: none;
  padding: 0;
  position: relative;
  width: 100%;
}

.seer-qa-hero *,
.seer-qa-system *,
.seer-qa-live *,
.seer-qa-certifications *,
.seer-qa-tour * { box-sizing: border-box; }

.seer-qa-anchor { height: 1px; left: 0; pointer-events: none; position: absolute; top: 0; width: 1px; }

.seer-qa-system h2,
.seer-qa-live h2,
.seer-qa-certifications h2,
.seer-qa-tour h2 {
  color: var(--seer-navy);
  font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
  font-weight: 820 !important;
  letter-spacing: -.04em !important;
  margin: 0;
  text-align: left !important;
}

.seer-qa-system h3 {
  color: var(--seer-navy);
  font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  margin: 0;
  text-align: left !important;
}

.seer-qa-eyebrow {
  color: var(--seer-eyebrow-color, var(--qa-accent)) !important;
  font-family: var(--seer-eyebrow-font, var(--font-sans, "Helvetica Neue", "Segoe UI", "Noto Sans", system-ui, sans-serif)) !important;
  font-size: var(--seer-type-eyebrow, 16px) !important;
  font-weight: var(--seer-eyebrow-weight, 600) !important;
  line-height: var(--seer-eyebrow-line-height, 1.65) !important;
  letter-spacing: var(--seer-eyebrow-tracking, .14em) !important;
  margin: 0 0 var(--seer-space-3, 16px);
  text-transform: uppercase !important;
}

/* Hero-only Standard Eyebrow (do not alter non-hero QA module labels) */
.seer-qa-hero .seer-qa-eyebrow {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .16em !important;
  margin: 0 0 28px !important;
}

html {
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.seer-qa-panel-number {
  color: var(--qa-accent);
  display: block;
  font-family: var(--seer-font-data, ui-monospace, Consolas, monospace);
  font-size: clamp(68px, 5vw, 78px) !important;
  font-weight: 760;
  letter-spacing: -.06em;
  line-height: .9;
  margin: 0 0 var(--seer-space-4, 24px);
}

.quality-assurance-page .seer-qa-button,
.elementor-widget-seerpower_qa_hero .seer-qa-button,
.elementor-widget-seerpower_qa_live_verification .seer-qa-button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--seer-radius-md, 10px);
  display: inline-flex;
  font-family: var(--font-sans, var(--seer-font-body, "Segoe UI", sans-serif)) !important;
  font-size: var(--seer-type-button, 14px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  font-synthesis: none;
  gap: var(--seer-space-3, 16px);
  justify-content: center;
  line-height: 1;
  min-height: 50px;
  padding: 0 22px;
  text-decoration: none;
  transition: background-color var(--seer-motion-duration, 250ms) ease-out, border-color var(--seer-motion-duration, 250ms) ease-out, color var(--seer-motion-duration, 250ms) ease-out, transform var(--seer-motion-duration, 250ms) ease-out;
}

.seer-qa-button--primary { background: var(--qa-accent); color: var(--seer-navy-deep); }
.seer-qa-button--primary:hover { background: var(--qa-accent); color: var(--seer-navy-deep); transform: translateY(-2px); }
.quality-assurance-page .seer-qa-button--light,
.elementor-widget-seerpower_qa_live_verification .seer-qa-button--light { background: var(--seer-white); color: var(--seer-navy-deep); font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: .015em !important; text-transform: none !important; }
.seer-qa-button--light:hover { background: var(--seer-cream-light); color: var(--seer-navy-deep); transform: translateY(-2px); }

.seer-qa-hero :focus-visible,
.seer-qa-system :focus-visible,
.seer-qa-live :focus-visible,
.seer-qa-certifications :focus-visible,
.seer-qa-tour :focus-visible {
  outline: 3px solid var(--seer-focus-ring, rgba(241, 90, 24, .38));
  outline-offset: 4px;
}

@media (max-width: 1024px) {
  .seer-qa-panel-number { font-size: 62px !important; }
}

@media (max-width: 767px) {
  .seer-qa-panel-number { font-size: 54px !important; }
  .seer-qa-button { min-height: 48px; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .seer-qa-hero *,
  .seer-qa-system *,
  .seer-qa-live *,
  .seer-qa-certifications *,
  .seer-qa-tour * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* qa-hero.css */
.seer-qa-hero { background: transparent; }

.seer-qa-hero__stage {
  --qa-hero-mask: .22;
  align-items: stretch;
  background: var(--seer-bg-cool);
  display: grid;
  grid-template-columns: minmax(0, 45%) minmax(0, 55%);
  overflow: visible;
  padding-bottom: 0;
  position: relative;
}

.seer-qa-hero__stage.has-blueprint::before {
  background-image: linear-gradient(rgba(8, 43, 61, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 43, 61, .035) 1px, transparent 1px);
  background-size: 40px 40px;
  content: "";
  inset: 0 48% 0 0;
  -webkit-mask-image: linear-gradient(90deg, black 10%, rgba(0,0,0,.4) 72%, transparent 100%);
  mask-image: linear-gradient(90deg, black 10%, rgba(0,0,0,.4) 72%, transparent 100%);
  pointer-events: none;
  position: absolute;
}

.seer-qa-hero__copy {
  align-self: center;
  box-sizing: border-box;
  max-width: min(calc(100vw - 72px), 900px);
  margin: 0 0 0 max(36px, calc((100vw - 1420px) / 2));
  position: relative;
  z-index: 2;
}

.seer-qa-hero h1::after {
  display: block;
  content: none;
}

.seer-qa-hero__description {
  color: var(--seer-text);
  font-size: 18px !important;
  line-height: 1.55 !important;
  margin: 0;
  max-width: 640px;
}

.seer-qa-hero__trust {
  background: #fff;
  border: 1px solid rgba(217,226,236,.92);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(4, 28, 43, 0.1);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  left: 50%;
  list-style: none;
  margin: 0;
  padding: 18px 22px;
  position: absolute;
  right: auto;
  width: min(var(--seer-container, 1440px), calc(100% - (2 * var(--seer-gutter, 40px))));
  z-index: 4;
}

.seer-qa-hero__trust li {
  align-items: center;
  border-left: 1px solid var(--seer-border);
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  min-width: 0;
  padding: 22px 28px;
  text-align: left;
}

.seer-qa-hero__trust li:first-child { border-left: 0; }
.seer-qa-hero__trust-icon { flex: 0 0 60px; height: 60px; object-fit: contain; width: 60px; }
.seer-qa-hero__trust-copy { min-width: 0; }
.seer-qa-hero__trust strong { color: var(--seer-navy); display: block; font-family: var(--font-sans, "Helvetica Neue", Arial, sans-serif) !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.2 !important; }
.seer-qa-hero__trust-copy span { color: var(--seer-text); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; margin-top: 5px; }

.seer-qa-hero__media { margin: 0 0 0 -18%; overflow: hidden; position: relative; width: 118%; z-index: 1; }
.seer-qa-hero__media::after { background: linear-gradient(90deg, rgba(244,248,251,.72) 0%, rgba(244,248,251,.08) 36%, rgba(244,248,251,0) 59%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.seer-qa-hero__image { display: block; height: 100%; object-fit: cover; object-position: center 62%; width: 100%; }
.seer-qa-hero__status { align-items: center; backdrop-filter: blur(12px); background: rgba(255,255,255,.84); border: 1px solid rgba(255,255,255,.76); border-radius: 999px; bottom: 40px; color: var(--seer-navy); display: flex; font-size: 12px; font-weight: 700; gap: 9px; left: 50%; padding: 10px 14px; position: absolute; transform: translateX(-50%); z-index: 2; }
.seer-qa-hero__status i { background: var(--qa-accent); border-radius: 50%; box-shadow: 0 0 0 5px rgba(241,90,24,.14); height: 7px; width: 7px; }

@media (min-width: 1200px) {
  .seer-qa-hero__trust { width: min(calc(100% - 72px), 1420px); }
}

.seer-qa-hero .seer-qa-button--primary {
  display: inline-flex;
  min-height: 52px;
  margin-top: 30px;
  padding: 0 26px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--seer-orange);
  border-radius: 6px;
  background: var(--seer-orange);
  color: #fff;
  font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
}
.seer-qa-hero .seer-qa-button--primary:hover { background: var(--seer-orange-hover, #d94e10); border-color: var(--seer-orange-hover, #d94e10); color: #fff; }

@media (max-width: 1199px) {
  .seer-qa-hero__stage { grid-template-columns: minmax(0, 52%) minmax(0, 48%); }
  .seer-qa-hero__copy { max-width: min(calc(100vw - 64px), 900px); margin-left: 32px; }
  .seer-qa-hero__trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .seer-qa-hero__stage.has-blueprint::before { inset: 0; opacity: .45; }
  .seer-qa-hero__copy { max-width: none; margin: 0; }
  .seer-qa-hero__description { font-size: 14px !important; }
  .seer-qa-hero__trust { border-radius: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px 14px; }
  .seer-qa-hero__trust li:nth-child(3) { border-left: 0; }
  .seer-qa-hero__trust li { gap: 10px; min-height: 100px; padding: 14px 8px; }
  .seer-qa-hero__trust-icon { flex-basis: 42px; height: 42px; width: 42px; }
  .seer-qa-hero__trust strong { font-size: 14px !important; line-height: 1.25 !important; }
  .seer-qa-hero__trust-copy span { font-size: 11px !important; line-height: 1.35 !important; margin-top: 4px; }
  .seer-qa-hero__media { margin-left: 0; width: 100%; }
  .seer-qa-hero__media::after { background: linear-gradient(180deg, var(--seer-bg-cool) 0%, transparent 26%); }
  .seer-qa-hero__status { bottom: 18px; white-space: nowrap; }
}

/* quality-system.css */
.seer-qa-system {
  --qa-ink: #071b3b;
  --qa-ink-2: #0b2948;
  --qa-text: #526780;
  --qa-muted: #77879d;
  --qa-accent: var(--seer-orange, #ff7600);
  --qa-green: #0b8a58;
  --qa-border: rgba(19, 49, 79, .09);
  --qa-surface: rgba(255, 255, 255, .8);
  background: transparent;
  color: var(--qa-text);
  font-family: "Manrope", "Inter", system-ui, sans-serif;
  isolation: isolate;
  overflow: clip;
  position: relative;
}

/* 2026-07-31 reference-fidelity desktop pass: the outer 320px | fluid | 368px
   rail and 560px card height stay fixed. This layer restores the five complete
   left-rail steps required by the approved visual references. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 16px 0 14px !important;
    max-width: 252px !important;
  }

  .seer-qa-system .seer-qa-stage-summary { display: none !important; }

  .seer-qa-system .seer-qa-production__steps,
  .seer-qa-system .seer-qa-network__intro ol,
  .seer-qa-system .seer-qa-testing__intro ol {
    gap: 0;
    margin-top: 0;
  }

  .seer-qa-system .seer-qa-production__steps li,
  .seer-qa-system .seer-qa-network__intro li,
  .seer-qa-system .seer-qa-testing__intro li {
    min-height: 67px;
  }

  .seer-qa-system .seer-qa-production__step,
  .seer-qa-system .seer-qa-network__intro button,
  .seer-qa-system .seer-qa-testing__intro button {
    align-items: start;
    border-left: 3px solid transparent;
    border-radius: 10px;
    column-gap: 12px;
    grid-template-columns: 34px minmax(0,1fr);
    grid-template-rows: auto auto;
    min-height: 67px !important;
    padding: 8px 10px 8px 9px;
  }

  .seer-qa-system .seer-qa-production__step > span,
  .seer-qa-system .seer-qa-network__intro button > span,
  .seer-qa-system .seer-qa-testing__intro button > span {
    align-self: start;
    font-size: 11px;
    height: 34px;
    width: 34px;
  }

  .seer-qa-system .seer-qa-production__step > strong,
  .seer-qa-system .seer-qa-network__intro button > strong,
  .seer-qa-system .seer-qa-testing__intro button {
    color: var(--qa-ink);
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
  }

  .seer-qa-system .seer-qa-step-description {
    color: var(--qa-text);
    display: block;
    font-size: 12.5px !important;
    font-weight: 400;
    grid-column: 2;
    line-height: 1.38 !important;
    margin-top: -3px;
  }

  .seer-qa-system .seer-qa-production__step.is-active,
  .seer-qa-system .seer-qa-testing__intro button.is-active {
    background: rgba(255,118,0,.07);
    border-color: rgba(255,118,0,.25);
    border-left-color: var(--qa-accent);
  }

  .seer-qa-system .seer-qa-network__intro button.is-active {
    background: rgba(35,170,98,.075);
    border-color: rgba(35,170,98,.24);
    border-left-color: var(--qa-green);
  }

  .seer-qa-system .seer-qa-production__step.is-active > span,
  .seer-qa-system .seer-qa-testing__intro button.is-active > span { color: #fff; }

  .seer-qa-system .seer-qa-production__step.is-active > strong::after,
  .seer-qa-system .seer-qa-network__intro button.is-active > strong::after,
  .seer-qa-system .seer-qa-testing__intro button.is-active::after {
    border: 1px solid currentColor;
    border-radius: 4px;
    color: inherit;
    content: 'ACTIVE';
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    justify-self: end;
    letter-spacing: .02em;
    line-height: 1;
    padding: 4px 6px;
  }

  .seer-qa-system .seer-qa-production__step.is-active > strong,
  .seer-qa-system .seer-qa-testing__intro button.is-active { color: var(--qa-accent); }
  .seer-qa-system .seer-qa-network__intro button.is-active > strong { color: var(--qa-green); }

  .seer-qa-system .seer-qa-production__steps li:not(:last-child)::after,
  .seer-qa-system .seer-qa-network__intro li:not(:last-child)::after,
  .seer-qa-system .seer-qa-testing__intro li:not(:last-child)::after {
    height: calc(100% - 22px);
    left: 25px;
    top: 31px;
  }

  .seer-qa-system .seer-qa-network__core { height: 228px !important; width: 228px !important; }
  .seer-qa-system .seer-qa-network__core-icon { display: block !important; height: 39px !important; margin-bottom: 8px; width: 39px !important; }
  .seer-qa-system .seer-qa-network__core span { display: block !important; font-size: 14px !important; line-height: 1.45 !important; }
  .seer-qa-system .seer-qa-network__core small { display: none !important; }
}

.seer-qa-system *, .seer-qa-system *::before, .seer-qa-system *::after { box-sizing: border-box; }
.seer-qa-system button, .seer-qa-system p, .seer-qa-system h2, .seer-qa-system h3, .seer-qa-system h4, .seer-qa-system strong, .seer-qa-system span, .seer-qa-system small, .seer-qa-system b { font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important; }
.seer-qa-system button:focus-visible { outline: 3px solid rgba(255, 118, 0, .25); outline-offset: 3px; }
.seer-qa-system::after { background: #fff; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -2; }
.seer-qa-system.has-blueprint::before { display: none; }

.seer-qa-system__inner { margin: 0 auto; max-width: min(var(--seer-container, 1440px), calc(100% - (2 * var(--seer-gutter, 40px)))); padding: 0; position: relative; }
.seer-qa-system__sequence-track { position: relative; }
.seer-qa-system__sequence-sticky { background: #fff; border: 0; border-radius: 0; box-shadow: none; overflow: visible; padding: 42px 0 30px; position: relative; }

.seer-qa-system__header { align-items: start; display: grid; column-gap: 48px; grid-template-columns: minmax(0,1fr) 590px; margin-bottom: 30px; }
.seer-qa-system .seer-qa-eyebrow { color: var(--seer-eyebrow-color, var(--qa-accent)) !important; font-family: var(--seer-eyebrow-font, var(--font-sans, "Helvetica Neue", "Segoe UI", "Noto Sans", system-ui, sans-serif)) !important; font-size: var(--seer-type-eyebrow, 16px) !important; font-weight: var(--seer-eyebrow-weight, 600) !important; letter-spacing: var(--seer-eyebrow-tracking, .14em) !important; line-height: var(--seer-eyebrow-line-height, 1.65) !important; margin: 0 0 26px; text-transform: uppercase !important; }
.seer-qa-system__header h2 { color: var(--qa-ink); font-size: 64px !important; font-weight: 820 !important; letter-spacing: -.04em !important; line-height: .99 !important; margin: 0 !important; max-width: none; position: relative; text-align: left !important; white-space: nowrap; }
.seer-qa-system__header h2::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 16'%3E%3Cpath d='M3 11c42-8 88-8 164-3-48-1-78 1-105 5 24-4 47-5 72-4' fill='none' stroke='%23ff7600' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; bottom: -24px; content: ""; height: 18px; left: 190px; position: absolute; width: 172px; }
.seer-qa-system__header > div:first-child > p:last-child:not(.seer-qa-eyebrow) { color: var(--qa-text); font-size: 14px; line-height: 1.6; margin: 28px 0 0; max-width: 560px; }

.seer-qa-system__tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); min-height: 106px; position: relative; }
.seer-qa-system__tabs > button { align-items: center; appearance: none; background: transparent; border: 0; color: var(--qa-muted); cursor: pointer; display: flex; flex-direction: column; gap: 10px; padding: 0 7px; position: relative; z-index: 2; }
.seer-qa-system__tabs > button > span { align-items: center; background: #fff; border: 1px solid #cfd9e5; border-radius: 50%; color: #64758d; display: flex; font-size: 18px; font-weight: 700; height: 60px; justify-content: center; position: relative; transition: border-color .42s ease, box-shadow .42s ease, color .42s ease; width: 60px; }
.seer-qa-system__tabs > button.is-active > span { border: 2px solid var(--qa-accent); box-shadow: 0 0 0 4px rgba(255,118,0,.11), 0 8px 22px rgba(255,118,0,.12); color: var(--qa-accent); height: 68px; margin-top: -4px; width: 68px; }
.seer-qa-system__tabs > button.is-active > span::after { border: 1px solid rgba(255,118,0,.32); border-radius: 50%; content: ""; inset: -7px; position: absolute; }
.seer-qa-system__tabs > button > strong { color: inherit; font-size: 13px; font-weight: 600; line-height: 1.15; max-width: 160px; text-align: center; }
.seer-qa-system__tabs > button.is-active, .seer-qa-system__tabs > button.is-complete { color: var(--qa-ink); }
.seer-qa-system__track { background: #dbe3ec; height: 1.5px; left: 16.67%; overflow: visible; position: absolute; right: 16.67%; top: 30px; }
.seer-qa-system__track i { background: var(--qa-accent); display: block; height: 100%; position: relative; transform: scaleX(var(--qa-tab-progress,0)); transform-origin: left center; transition: transform .45s ease; width: 100%; }
.seer-qa-system__track i::after { background: #fff; border-radius: 50%; box-shadow: 0 0 0 4px rgba(255,118,0,.14); content: ""; height: 6px; opacity: 0; position: absolute; right: -3px; top: -2px; transition: opacity .2s ease; width: 6px; }
.seer-qa-system.has-progress-motion .seer-qa-system__track i::after { opacity: .8; }

.seer-qa-system__panels { background: transparent; transition: height .22s ease-out; }
.seer-qa-system__panel { padding: 0; }
.seer-qa-system__panel[hidden] { display: none; }
.seer-qa-system__panel h3 { color: var(--qa-ink); font-size: 29px !important; font-weight: 700; letter-spacing: -.025em; line-height: 1.08 !important; margin: 0; text-align: left; }
.seer-qa-system__panel h4 { color: var(--qa-ink); font-size: 21px !important; font-weight: 700; line-height: 1.15 !important; margin: 0; }
.seer-qa-panel-number { color: var(--qa-accent); display: none; font-size: 76px !important; font-weight: 700; letter-spacing: -.045em; line-height: .9 !important; margin: 0 0 18px; }

.seer-qa-production, .seer-qa-network, .seer-qa-testing { display: grid; gap: 16px; grid-template-columns: 260px minmax(0,1fr) 254px; height: 640px; min-height: 0; }
.seer-qa-network { grid-template-columns: 260px minmax(0,1fr) 290px; height: 628px; }
.seer-qa-testing { height: 640px; }
.seer-qa-production__intro, .seer-qa-network__intro, .seer-qa-testing__intro, .seer-qa-evidence, .seer-qa-network__glance { background: linear-gradient(180deg,#fbfcfe,#f7f9fc); border: 1px solid var(--qa-border); border-radius: 17px; box-shadow: 0 14px 45px rgba(9,36,66,.035); min-width: 0; padding: 32px 28px; }
.seer-qa-production__intro > p:not(.seer-qa-panel-number), .seer-qa-network__intro > p:not(.seer-qa-panel-number), .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { color: var(--qa-text); font-size: 13.5px !important; font-weight: 400; line-height: 1.55 !important; margin: 17px 0 20px; }

.seer-qa-production__steps, .seer-qa-network__intro ol, .seer-qa-testing__intro ol { display: grid; list-style: none; margin: 0; padding: 0; }
.seer-qa-production__steps li, .seer-qa-network__intro li, .seer-qa-testing__intro li { min-width: 0; position: relative; }
.seer-qa-production__steps li:not(:last-child)::after, .seer-qa-network__intro li:not(:last-child)::after, .seer-qa-testing__intro li:not(:last-child)::after { background: #cad5e1; content: ""; height: calc(50% + 18px); left: 13px; position: absolute; top: calc(50% + 13px); width: 1px; z-index: 0; }
.seer-qa-production__step, .seer-qa-network__intro button, .seer-qa-testing__intro button { align-items: center; appearance: none; background: transparent; border: 0; color: #6e7f96; cursor: pointer; display: grid; gap: 2px 13px; grid-template-columns: 26px minmax(0,1fr); min-height: 62px; padding: 0; position: relative; text-align: left; width: 100%; z-index: 1; }
.seer-qa-production__step > span, .seer-qa-network__intro button > span, .seer-qa-testing__intro button > span { align-items: center; align-self: center; background: #fff; border: 1px solid #aebdce; border-radius: 50%; display: flex; font-size: 10px; font-weight: 500; height: 26px; justify-content: center; width: 26px; }
.seer-qa-production__step > strong, .seer-qa-network__intro button > strong, .seer-qa-testing__intro button { font-size: 15px; font-weight: 500; line-height: 1.35; }
.seer-qa-production__step.is-active > strong, .seer-qa-network__intro button.is-active > strong, .seer-qa-testing__intro button.is-active { font-weight: 500; }
.seer-qa-testing__intro button { font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; }
.seer-qa-production__step.is-active { color: var(--qa-ink); }
.seer-qa-production__step.is-active > span, .seer-qa-testing__intro button.is-active > span { background: var(--qa-accent); border-color: var(--qa-accent); color: var(--qa-ink); }
.seer-qa-production__step.is-active > strong::after { border: 1px solid var(--qa-accent); border-radius: 999px; color: var(--qa-accent); content: "ACTIVE"; font-size: 9px; font-weight: 700; margin-left: 10px; padding: 3px 7px; }
.seer-qa-network__intro .seer-qa-panel-number { color: var(--qa-green); }
.seer-qa-network__intro button.is-active { color: var(--qa-ink); }
.seer-qa-network__intro button.is-active > span { background: var(--qa-green); border-color: var(--qa-green); color: #fff; }
.seer-qa-network__intro button.is-active > strong::after { border: 1px solid var(--qa-green); border-radius: 999px; color: var(--qa-green); content: "ACTIVE"; font-size: 9px; font-weight: 700; margin-left: 8px; padding: 3px 7px; }
.seer-qa-network__intro button > strong { color: inherit; }

.seer-qa-production__stage { min-width: 0; }
.seer-qa-production__visual { background: radial-gradient(ellipse at 50% 87%, rgba(7,27,59,.13), transparent 35%), linear-gradient(180deg,#fcfdff,#f3f7fb); border: 1px solid var(--qa-border); border-radius: 17px; box-shadow: 0 14px 45px rgba(9,36,66,.035); height: 640px; overflow: hidden; position: relative; }
.seer-qa-production__visual::before, .seer-qa-network__map::before { background-image: linear-gradient(27deg, rgba(7,27,59,.035) 1px, transparent 1px), linear-gradient(153deg, rgba(7,27,59,.03) 1px, transparent 1px), linear-gradient(rgba(7,27,59,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(7,27,59,.026) 1px, transparent 1px); background-position: center bottom; background-size: 78px 44px,78px 44px,36px 36px,36px 36px; content: ""; inset: 0; mask-image: linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 74%,transparent 100%); opacity: .8; pointer-events: none; position: absolute; z-index: 0; }
.seer-qa-production__visual::after { background: radial-gradient(ellipse at center,rgba(7,27,59,.2),transparent 68%); bottom: 5%; content: ""; filter: blur(14px); height: 18%; left: 13%; pointer-events: none; position: absolute; right: 13%; z-index: 1; }
.seer-qa-production__layers, .seer-qa-production__fallback { inset: 0; position: absolute; z-index: 2; }
.seer-qa-production__layer, .seer-qa-production__frame { display: block; height: 92%; left: 4%; object-fit: contain; position: absolute; top: 4%; transition: opacity .52s ease-out, transform .58s ease-out; width: 92%; }
.seer-qa-production__fallback { display: none; }
.seer-qa-production__frame-wrap { inset: 0; position: absolute; }
.seer-qa-production__layer--test-cabinet, .seer-qa-production__layer--test-cables, .seer-qa-production__layer--packaging-frame, .seer-qa-production__layer--protective-film, .seer-qa-production__layer--shipping-straps, .seer-qa-production__layer--complete-unit { opacity: 0; }
.seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--base-frame, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--engine, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--alternator, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--radiator, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--control-panel, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--air-intake, .seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--pipes-filters, .seer-qa-production__visual[data-step="3"] .seer-qa-production__layers, .seer-qa-production__visual[data-step="4"] .seer-qa-production__layers { opacity: 0; }
.seer-qa-production__visual[data-step="2"] .seer-qa-production__layer--complete-unit { opacity: 1; }
.seer-qa-production__visual[data-step="3"] .seer-qa-production__layers, .seer-qa-production__visual[data-step="4"] .seer-qa-production__layers { display: none; }
.seer-qa-production__visual[data-step="3"] .seer-qa-production__fallback, .seer-qa-production__visual[data-step="4"] .seer-qa-production__fallback { display: block; }
.seer-qa-production[data-layer-animation="no"] .seer-qa-production__layers { display: none; }
.seer-qa-production[data-layer-animation="no"] .seer-qa-production__fallback { display: block; }
.seer-qa-production__scan { background: linear-gradient(90deg,transparent,rgba(255,118,0,.25),var(--qa-accent),rgba(255,118,0,.25),transparent); height: 2px; left: 8%; opacity: 0; position: absolute; right: 8%; top: 22%; z-index: 20; }
.seer-qa-production__visual[data-step="1"] .seer-qa-production__scan { animation: seerQaScan 2.4s ease-in-out infinite; opacity: 1; }

.seer-qa-production__annotations { inset: 0; pointer-events: none; position: absolute; transition: opacity .18s ease; z-index: 18; }
.seer-qa-production__visual:not([data-step="0"]) .seer-qa-production__annotations { opacity: 0; }
.seer-qa-production__annotation { color: var(--qa-ink); font-size: 12px; font-weight: 600; line-height: 1; position: absolute; white-space: nowrap; }
.seer-qa-production__annotation::before { background: var(--qa-accent); border-radius: 50%; content: ""; height: 5px; left: -11px; position: absolute; top: 3px; width: 5px; }
.seer-qa-production__annotation::after { border-left: 1px solid rgba(82,103,128,.45); border-top: 1px solid rgba(82,103,128,.45); content: ""; height: 40px; left: -9px; position: absolute; top: 6px; width: 13px; }
.seer-qa-production__annotation--cooling { left: 8%; top: 15%; }
.seer-qa-production__annotation--air { left: 30%; top: 8%; }
.seer-qa-production__annotation--engine { left: 47%; top: 15%; }
.seer-qa-production__annotation--control { right: 6%; top: 19%; }
.seer-qa-production__annotation--radiator { bottom: 10%; left: 8%; }
.seer-qa-production__annotation--fuel { bottom: 8%; left: 41%; }
.seer-qa-production__annotation--alternator { bottom: 10%; right: 27%; }
.seer-qa-production__annotation--radiator::after, .seer-qa-production__annotation--fuel::after, .seer-qa-production__annotation--alternator::after { bottom: 6px; top: auto; }
.seer-qa-production__mobile-copy, .seer-qa-production__controls { display: none; }

.seer-qa-evidence, .seer-qa-network__glance { padding: 30px 24px 20px; }
.seer-qa-system .seer-qa-evidence h4, .seer-qa-system .seer-qa-network__glance h4 { font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.2 !important; white-space: nowrap; }
.seer-qa-evidence h4::after, .seer-qa-network__glance h4::after { background: var(--qa-accent); content: ""; display: block; height: 2px; margin: 16px 0 12px; width: 20px; }
.seer-qa-network__glance h4::after { background: var(--qa-green); }
.seer-qa-evidence ul, .seer-qa-network__glance ul { list-style: none; margin: 0; padding: 0; }
.seer-qa-evidence ul[hidden] { display: none !important; }
.seer-qa-evidence li, .seer-qa-network__glance li { align-items: center; border-bottom: 1px solid rgba(19,49,79,.1); display: grid; gap: 10px; grid-template-columns: 42px minmax(0,1fr); min-height: 72px; padding: 10px 0; }
.seer-qa-evidence li:last-child, .seer-qa-network__glance li:last-child { border-bottom: 0; }
.seer-qa-evidence__icon, .seer-qa-network__glance-icon { color: var(--qa-ink); height: 42px; width: 42px; }
.seer-qa-evidence li div, .seer-qa-network__glance li div { min-width: 0; }
.seer-qa-system .seer-qa-evidence li strong, .seer-qa-system .seer-qa-network__glance li strong { color: var(--qa-ink); display: block; font-size: 16px !important; font-weight: 600 !important; line-height: 1.22 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seer-qa-evidence li p, .seer-qa-network__glance li span { display: none; }

.seer-qa-network__map { background: radial-gradient(circle at center,rgba(230,245,239,.45),rgba(255,255,255,.93) 49%,#f8fbfc); border: 1px solid var(--qa-border); border-radius: 17px; box-shadow: 0 14px 45px rgba(9,36,66,.035); height: 628px; overflow: hidden; position: relative; }
.seer-qa-network__rings { border: 1px solid rgba(11,138,88,.3); border-radius: 50%; inset: 8% 12%; position: absolute; }
.seer-qa-network__rings::before, .seer-qa-network__rings::after { border: 1px dashed rgba(11,138,88,.24); border-radius: 50%; content: ""; position: absolute; }
.seer-qa-network__rings::before { inset: 10%; }
.seer-qa-network__rings::after { inset: 28%; }
.seer-qa-network__core { align-items: center; background: rgba(255,255,255,.97); border: 7px solid rgba(11,138,88,.09); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(11,138,88,.2),0 14px 32px rgba(7,27,59,.08); display: flex; flex-direction: column; height: 176px; justify-content: center; left: 50%; padding: 18px; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 176px; z-index: 4; }
.seer-qa-network__core-icon { color: var(--qa-green); height: 36px; margin-bottom: 8px; width: 36px; }
.seer-qa-network__core strong { color: var(--qa-ink); font-size: 18px; font-weight: 700; }
.seer-qa-network__core span { color: var(--qa-text); font-size: 11px; line-height: 1.3; }
.seer-qa-network__core small { background: rgba(11,138,88,.1); border: 1px solid rgba(11,138,88,.25); border-radius: 999px; color: var(--qa-green); font-size: 9px; font-weight: 700; line-height: 1; margin-top: 7px; padding: 4px 7px; }
.seer-qa-network__node { align-items: center; appearance: none; background: rgba(255,255,255,.97); border: 1px solid rgba(11,138,88,.25); border-radius: 50%; color: var(--qa-muted); cursor: pointer; display: flex; flex-direction: column; height: 138px; justify-content: center; padding: 12px; position: absolute; text-align: center; transition: border-color .2s ease, box-shadow .2s ease, translate .2s ease; width: 138px; z-index: 3; }
.seer-qa-network__node::after { background: rgba(11,138,88,.42); content: ""; height: 1px; left: 50%; position: absolute; top: 50%; transform-origin: left center; width: 112%; z-index: -1; }
.seer-qa-network__node--1 { left: calc(50% - 69px); top: 14px; }
.seer-qa-network__node--1::after { transform: rotate(90deg); width: 85%; }
.seer-qa-network__node--2 { left: 9%; top: 24%; }
.seer-qa-network__node--2::after { transform: rotate(24deg); }
.seer-qa-network__node--3 { right: 9%; top: 24%; }
.seer-qa-network__node--3::after { left: auto; right: 50%; transform: rotate(-24deg); transform-origin: right center; }
.seer-qa-network__node--4 { bottom: 36px; left: 18%; }
.seer-qa-network__node--4::after { transform: rotate(-29deg); }
.seer-qa-network__node--5 { bottom: 36px; right: 18%; }
.seer-qa-network__node--5::after { left: auto; right: 50%; transform: rotate(29deg); transform-origin: right center; }
.seer-qa-network__node:hover, .seer-qa-network__node.is-preview, .seer-qa-network__node.is-active { border: 2px solid var(--qa-green); box-shadow: 0 10px 24px rgba(11,138,88,.12); transform: none; translate: none; }
.seer-qa-network__node-icon { color: var(--qa-ink); height: 32px; margin-bottom: 4px; width: 32px; }
.seer-qa-network__node strong { color: var(--qa-ink); font-size: 19px; font-weight: 700; line-height: 1.05; max-width: 112px; }
.seer-qa-network__node--5 strong { font-size: 17px; }
.seer-qa-network__node small { color: var(--qa-green); font-size: 13px; font-weight: 600; margin-top: 7px; }
.seer-qa-network__legend { align-items: center; background: rgba(255,255,255,.94); border: 1px solid rgba(19,49,79,.1); border-radius: 9px; bottom: 12px; display: flex; gap: 18px; justify-content: center; left: 50%; padding: 7px 14px; position: absolute; transform: translateX(-50%); white-space: nowrap; z-index: 6; }
.seer-qa-network__legend span { align-items: center; color: var(--qa-text); display: flex; font-size: 9px; gap: 6px; }
.seer-qa-network__legend i { border: 1px solid var(--qa-green); border-radius: 50%; height: 8px; width: 8px; }
.seer-qa-network__legend span:nth-child(1) i, .seer-qa-network__legend span:nth-child(3) i { background: var(--qa-green); }
.seer-qa-network__selected { border-bottom: 1px solid rgba(19,49,79,.1); display: block; min-height: 72px; padding: 0 0 14px; }
.seer-qa-network__selected strong { color: var(--qa-ink); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3; }
.seer-qa-network__selected p { color: var(--qa-text); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.45; margin: 6px 0 0; }
.seer-qa-network__selected.is-updating { animation: seer-qa-network-detail-in .18s ease both; }

.seer-qa-testing__dashboard { background: rgba(247,249,252,.84); border: 1px solid var(--qa-border); border-radius: 17px; box-shadow: 0 14px 45px rgba(9,36,66,.035); display: grid; gap: 10px; grid-template-rows: 108px 330px 152px; height: 640px; overflow: hidden; padding: 14px; }
.seer-qa-testing__metrics { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; }
.seer-qa-testing__metrics li { align-items: start; background: #fff; border: 1px solid rgba(19,49,79,.1); border-radius: 10px; display: grid; gap: 10px; grid-template-columns: 30px minmax(0,1fr); min-height: 108px; padding: 11px 12px 10px; position: relative; }
.seer-qa-testing__metrics li::after { background: var(--qa-green); bottom: 9px; content: ""; height: 2px; left: 42px; position: absolute; right: 12px; }
.seer-qa-testing__metric-icon { color: var(--qa-ink); height: 28px; width: 28px; }
.seer-qa-testing__metrics li div { display: grid; gap: 3px; }
.seer-qa-system .seer-qa-testing__metrics strong { color: var(--qa-ink); font-size: 13px !important; font-weight: 600 !important; line-height: 1.1 !important; }
.seer-qa-system .seer-qa-testing__metrics b { color: var(--qa-ink); font-size: 28px !important; font-weight: 600 !important; line-height: 1 !important; margin-top: 5px; white-space: nowrap; }
.seer-qa-system .seer-qa-testing__metrics span { color: var(--qa-text); font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; margin-top: 1px; }
.seer-qa-testing__dashboard figure { border-radius: 10px; height: 100%; margin: 0; min-height: 0; overflow: hidden; position: relative; }
.seer-qa-testing__image { display: block; height: 100%; object-fit: cover; object-position: center 58%; width: 100%; }
.seer-qa-testing__dashboard figure figcaption { align-items: center; background: rgba(255,255,255,.93); border-radius: 999px; color: var(--qa-ink); display: flex; gap: 8px; left: 50%; padding: 8px 14px; position: absolute; top: 14px; transform: translateX(-50%); white-space: nowrap; }
.seer-qa-testing__dashboard figure figcaption i { background: var(--qa-green); border-radius: 50%; height: 7px; width: 7px; }
.seer-qa-testing__dashboard figure figcaption strong { font-size: 12px; font-weight: 700; }
.seer-qa-testing__dashboard figure figcaption span { color: var(--qa-text); font-size: 9px; }
.seer-qa-testing__focus { display: grid; gap: 9px; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; margin: 0; min-height: 0; padding: 0; }
.seer-qa-testing__focus li { height: 100%; min-height: 0; min-width: 0; }
.seer-qa-testing__focus button { align-content: center; appearance: none; background: #fff; border: 1px solid rgba(19,49,79,.12); border-radius: 9px; color: var(--qa-text); cursor: pointer; display: grid; gap: 4px; grid-template-rows: 30px 18px 14px 13px; height: 100%; min-height: 0; min-width: 0; overflow: hidden; padding: 10px 8px 9px; text-align: center; width: 100%; }
.seer-qa-testing__focus button.is-active { border-color: var(--qa-accent); box-shadow: inset 0 -2px var(--qa-accent); }
.seer-qa-testing__focus-heading { align-items: center; display: grid; gap: 6px; grid-template-columns: 24px minmax(0,1fr); min-height: 34px; text-align: left; }
.seer-qa-testing__focus-icon { color: var(--qa-ink); height: 24px; width: 24px; }
.seer-qa-system .seer-qa-testing__focus strong { color: var(--qa-ink); font-size: 12px !important; font-weight: 600 !important; line-height: 1.15 !important; overflow-wrap: anywhere; }
.seer-qa-system .seer-qa-testing__focus b { align-self: center; color: var(--qa-ink); font-size: 15px !important; font-weight: 600 !important; line-height: 1.12 !important; margin: 0; overflow-wrap: anywhere; }
.seer-qa-system .seer-qa-testing__focus-unit { color: var(--qa-text); font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; overflow-wrap: anywhere; }
.seer-qa-system .seer-qa-testing__focus small { align-self: end; color: var(--qa-green); font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; margin: 0; }
.seer-qa-testing__selected { display: none; }

.seer-qa-svg-accent { color: var(--qa-accent); stroke: currentColor; }

@media (min-width: 1200px) {
  /* The approved QA dashboard reference uses a 28px desktop canvas gutter. */
  .seer-qa-system__inner { max-width: calc(100% - 56px); }

  .seer-qa-system.has-sequence-scroll .seer-qa-system__inner { padding-bottom: 0; }
  .seer-qa-system.has-sequence-scroll .seer-qa-system__sequence-track { min-height: var(--qa-sequence-scroll-height,auto); }
  .seer-qa-system.has-sequence-scroll .seer-qa-system__sequence-sticky { position: sticky; top: var(--qa-sequence-sticky-top,96px); z-index: 2; }
  .seer-qa-production__intro, .seer-qa-network__intro, .seer-qa-testing__intro, .seer-qa-production__evidence, .seer-qa-network__glance, .seer-qa-testing__evidence { height: 100%; min-height: 0; overflow: hidden; }
  .seer-qa-production__evidence, .seer-qa-network__glance, .seer-qa-testing__evidence { display: flex; flex-direction: column; }
  .seer-qa-production__evidence ul:not([hidden]), .seer-qa-network__glance ul, .seer-qa-testing__evidence ul { display: grid; flex: 1 1 auto; grid-template-rows: repeat(4,minmax(0,1fr)); height: auto; min-height: 0; }
  .seer-qa-production__evidence li, .seer-qa-network__glance li, .seer-qa-testing__evidence li { min-height: 0; }
}

/* Unified right-rail information structure: current-stage introduction plus
   three concise evidence rows for 01, 02 and 03. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-testing__intro h3 { display: block !important; max-width: none !important; white-space: nowrap !important; width: 100% !important; }
  .seer-qa-system .seer-qa-production__selected,
  .seer-qa-system .seer-qa-network__selected,
  .seer-qa-system .seer-qa-testing__selected { border-bottom: 1px solid rgba(19,49,79,.10); display: block !important; flex: 0 0 auto; min-height: 112px; padding: 0 0 18px; }
  .seer-qa-system .seer-qa-production__selected strong,
  .seer-qa-system .seer-qa-network__selected strong,
  .seer-qa-system .seer-qa-testing__selected strong { color: var(--qa-ink); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; }
  .seer-qa-system .seer-qa-production__selected p,
  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-testing__selected p { color: var(--qa-text); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; margin: 6px 0 0 !important; }
  .seer-qa-system .seer-qa-production__selected.is-updating { animation: seer-qa-network-detail-in .18s ease both; }
  .seer-qa-system .seer-qa-production__evidence ul:not([hidden]),
  .seer-qa-system .seer-qa-network__glance ul,
  .seer-qa-system .seer-qa-testing__evidence ul { grid-template-rows: repeat(3,minmax(0,1fr)) !important; height: calc(100% - 160px) !important; }
  .seer-qa-system .seer-qa-production__evidence li strong,
  .seer-qa-system .seer-qa-network__glance li strong,
  .seer-qa-system .seer-qa-testing__evidence li strong { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
}

@media (max-width: 1199px) {
  .seer-qa-system__inner { max-width: calc(100% - (2 * var(--seer-gutter, 32px))); padding: 0; }
  .seer-qa-system__sequence-sticky { padding: 34px 0 28px; }
  .seer-qa-system__header { gap: 30px; grid-template-columns: 1fr; }
  .seer-qa-system__header h2 { font-size: 56px !important; }
  .seer-qa-system__header h2 { white-space: normal; }
  .seer-qa-system__tabs { max-width: 680px; width: 100%; }
  .seer-qa-production, .seer-qa-network, .seer-qa-testing { grid-template-columns: 250px minmax(0,1fr); height: auto; min-height: 0; }
  .seer-qa-production__visual, .seer-qa-network__map, .seer-qa-testing__dashboard { height: 580px; }
  .seer-qa-production__layers { display: none; }
  .seer-qa-production__fallback { display: block; }
  .seer-qa-evidence, .seer-qa-network__glance { grid-column: 1 / 3; margin-top: 0; }
  .seer-qa-evidence ul, .seer-qa-network__glance ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seer-qa-evidence li:nth-child(even), .seer-qa-network__glance li:nth-child(even) { border-left: 1px solid rgba(19,49,79,.1); padding-left: 24px; }
  .seer-qa-testing__dashboard { grid-template-rows: 108px 280px auto; height: auto; }
  .seer-qa-testing__dashboard figure { height: 100%; }
  .seer-qa-testing__focus { grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 140px; }
  .seer-qa-testing__focus button { height: 100%; }
}

@media (max-width: 767px) {
  .seer-qa-system__inner { max-width: calc(100% - (2 * var(--seer-gutter, 20px))); padding: 0; }
  .seer-qa-system__sequence-sticky { padding: 28px 0 24px; }
  .seer-qa-system__header { margin-bottom: 24px; }
  .seer-qa-system .seer-qa-eyebrow { font-size: var(--seer-type-eyebrow, 16px) !important; margin-bottom: 18px; }
  .seer-qa-system__header h2 { font-size: clamp(38px,10.8vw,44px) !important; }
  .seer-qa-system__header h2::after { bottom: -18px; left: 34%; width: 140px; }
  .seer-qa-system__tabs { min-height: 88px; }
  .seer-qa-system__tabs > button { gap: 8px; padding: 0 2px; }
  .seer-qa-system__tabs > button > span { font-size: 14px; height: 44px; width: 44px; }
  .seer-qa-system__tabs > button.is-active > span { height: 50px; margin-top: -3px; width: 50px; }
  .seer-qa-system__tabs > button > strong { font-size: 9px; }
  .seer-qa-system__track { top: 22px; }
  .seer-qa-production, .seer-qa-network, .seer-qa-testing { display: block; }
  .seer-qa-production__intro, .seer-qa-network__intro, .seer-qa-testing__intro { padding: 24px 20px; }
  .seer-qa-panel-number { font-size: 56px !important; }
  .seer-qa-system__panel h3 { font-size: 26px; }
  .seer-qa-production__steps { grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 18px; }
  .seer-qa-production__steps li::after, .seer-qa-network__intro li::after, .seer-qa-testing__intro li::after { display: none; }
  .seer-qa-production__step { gap: 6px; grid-template-columns: 1fr; justify-items: center; min-height: 62px; text-align: center; }
  .seer-qa-production__step > span { grid-row: auto; }
  .seer-qa-production__step > strong { font-size: 8px; }
  .seer-qa-production__step.is-active > strong::after { display: none; }
  .seer-qa-production__visual { aspect-ratio: 4 / 3; height: auto; margin-top: 14px; }
  .seer-qa-production__annotations { display: none; }
  .seer-qa-production__mobile-copy { display: block; padding: 14px 2px 0; }
  .seer-qa-production__mobile-copy strong { color: var(--qa-ink); font-size: 16px; }
  .seer-qa-production__mobile-copy p { color: var(--qa-text); font-size: 12px; line-height: 1.45; margin: 6px 0 0; }
  .seer-qa-production__controls { align-items: center; display: flex; justify-content: space-between; margin-top: 12px; }
  .seer-qa-production__controls button { align-items: center; background: #fff; border: 1px solid var(--qa-border); border-radius: 50%; display: flex; height: 38px; justify-content: center; width: 38px; }
  .seer-qa-production__dots { display: flex; gap: 6px; }
  .seer-qa-production__dots i { background: #d3dce6; border-radius: 999px; height: 4px; width: 5px; }
  .seer-qa-production__dots i.is-active { background: var(--qa-accent); width: 18px; }
  .seer-qa-evidence, .seer-qa-network__glance { margin-top: 18px; padding: 24px 20px; }
  .seer-qa-evidence ul, .seer-qa-network__glance ul { display: block; }
  .seer-qa-evidence li, .seer-qa-network__glance li { border-left: 0 !important; min-height: 102px; padding: 12px 0 !important; }
  .seer-qa-network__intro ol, .seer-qa-testing__intro ol { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 16px; }
  .seer-qa-network__intro button.is-active > strong::after { display: none; }
  .seer-qa-network__map { aspect-ratio: 1 / 1.1; height: auto; margin-top: 14px; }
  .seer-qa-network__node { height: 23%; width: 25%; }
  .seer-qa-network__node--1 { left: 37.5%; top: 3%; }
  .seer-qa-network__node--2 { left: 2%; }
  .seer-qa-network__node--3 { right: 2%; }
  .seer-qa-network__node--4 { bottom: 7%; left: 11%; }
  .seer-qa-network__node--5 { bottom: 7%; right: 11%; }
  .seer-qa-network__node strong { font-size: 13px; }
  .seer-qa-network__node--5 strong { font-size: 12px; }
  .seer-qa-network__core { height: 30%; width: 30%; }
  .seer-qa-network__legend { gap: 8px; padding: 5px 7px; }
  .seer-qa-network__legend span { font-size: 7px; }
  .seer-qa-testing__dashboard { display: block; height: auto; margin-top: 14px; padding: 10px; }
  .seer-qa-testing__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .seer-qa-testing__dashboard figure { aspect-ratio: 16 / 9; height: auto; }
  .seer-qa-testing__dashboard figure figcaption span { display: none; }
  .seer-qa-testing__focus { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 10px; }
  .seer-qa-testing__focus button { height: 140px; }
}

/* 2026-07-27 — confirmed desktop compact geometry for the 01 / 02 / 03 sequence.
   The outer content width remains shared; only the central visual canvases become shorter. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production {
    height: 560px;
  }

  .seer-qa-system .seer-qa-production__visual {
    height: 560px;
  }

  /* Keep every component and annotation inside the reduced visual field without scaling the section. */
  .seer-qa-system .seer-qa-production__layer,
  .seer-qa-system .seer-qa-production__frame {
    height: 84%;
    left: 8%;
    top: 8%;
    width: 84%;
  }

  .seer-qa-system .seer-qa-network {
    height: 560px;
  }

  .seer-qa-system .seer-qa-network__map {
    height: 560px;
  }

  .seer-qa-system .seer-qa-network__core {
    height: 154px;
    padding: 15px;
    width: 154px;
  }

  .seer-qa-system .seer-qa-network__node {
    height: 120px;
    padding: 10px;
    width: 120px;
  }

  .seer-qa-system .seer-qa-network__node--1 { left: calc(50% - 60px); top: 12px; }
  .seer-qa-system .seer-qa-network__node--2 { left: 10%; top: 23%; }
  .seer-qa-system .seer-qa-network__node--3 { right: 10%; top: 23%; }
  .seer-qa-system .seer-qa-network__node--4 { bottom: 30px; left: 19%; }
  .seer-qa-system .seer-qa-network__node--5 { bottom: 30px; right: 19%; }
  .seer-qa-system .seer-qa-network__node-icon { height: 29px; width: 29px; }
  .seer-qa-system .seer-qa-network__node strong { font-size: 17px; }
  .seer-qa-system .seer-qa-network__node--5 strong { font-size: 15px; }

  /* 03: cards belong to the center column only; evidence occupies its own full-height rail. */
  .seer-qa-system .seer-qa-testing {
    column-gap: 20px;
    grid-template-columns: 240px minmax(0, 1fr) 230px;
    grid-template-rows: 154px 470px;
    min-height: 0;
    padding: 16px 16px 14px;
    row-gap: 16px;
  }

  .seer-qa-system .seer-qa-testing__intro {
    grid-column: 1;
    grid-row: 1 / 3;
    padding: 22px 24px 18px 10px;
  }

  .seer-qa-system .seer-qa-testing__results {
    grid-column: 2;
    grid-row: 1;
    gap: 10px;
  }

  .seer-qa-system .seer-qa-testing__results button {
    grid-template-rows: 32px 50px 22px;
    padding: 16px 12px 13px;
  }

  .seer-qa-system .seer-qa-testing__result-heading strong { font-size: 14px !important; }
  .seer-qa-system .seer-qa-testing__result-value b { font-size: 27px !important; }
  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b,
  .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b { font-size: 22px !important; }

  .seer-qa-system .seer-qa-testing__dashboard figure {
    grid-column: 2;
    grid-row: 2;
    height: 470px;
  }

  .seer-qa-system .seer-qa-testing__status-strip {
    display: none;
  }

  .seer-qa-system .seer-qa-testing__evidence {
    grid-column: 3;
    grid-row: 1 / 3;
    padding: 28px 22px 18px;
  }

  .seer-qa-system .seer-qa-testing__evidence ul { height: calc(100% - 60px); }
  .seer-qa-system .seer-qa-testing__evidence li { grid-template-columns: 40px minmax(0, 1fr); padding: 10px 0; }
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { height: 40px; width: 40px; }
  /* Final rail type lock: all three states use the same text roles. */
  .seer-qa-system .seer-qa-production__intro h3, .seer-qa-system .seer-qa-network__intro h3, .seer-qa-system .seer-qa-testing__intro h3 { font:700 28px/1.12 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; letter-spacing:-.025em !important; }
  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number), .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number), .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { font:400 16px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
  .seer-qa-system .seer-qa-production__steps strong, .seer-qa-system .seer-qa-network__steps strong, .seer-qa-system .seer-qa-testing__nav-copy strong { font:400 16px/1.28 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; }
  .seer-qa-system .seer-qa-production__steps span, .seer-qa-system .seer-qa-network__steps span, .seer-qa-system .seer-qa-testing__navigation button::before { font:600 12px/1 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
  .seer-qa-system .seer-qa-evidence h4, .seer-qa-system .seer-qa-network__glance h4 { font:700 20px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif !important; letter-spacing:-.02em !important; }
  .seer-qa-system .seer-qa-network__selected strong { font:700 16px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
  .seer-qa-system .seer-qa-production__evidence li strong, .seer-qa-system .seer-qa-network__glance li strong, .seer-qa-system .seer-qa-testing__evidence li strong, .seer-qa-system .seer-qa-testing__outcomes li strong { font:700 16px/1.3 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; }
  .seer-qa-system .seer-qa-production__evidence li p, .seer-qa-system .seer-qa-network__glance li p, .seer-qa-system .seer-qa-network__selected p, .seer-qa-system .seer-qa-testing__evidence li p, .seer-qa-system .seer-qa-testing__outcomes li p { font:400 14px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
}

/* TARGET reconstruction: one immutable desktop shell for all three states. */
@media (min-width: 1200px) {
  .seer-qa-system { max-width:1598px; }
  .seer-qa-system .seer-qa-production, .seer-qa-system .seer-qa-network, .seer-qa-system .seer-qa-testing { column-gap:14px !important; grid-template-columns:320px minmax(0,1fr) 368px !important; grid-template-rows:650px !important; height:650px !important; min-height:650px !important; padding:0 !important; }
  .seer-qa-system .seer-qa-production__intro, .seer-qa-system .seer-qa-network__intro, .seer-qa-system .seer-qa-testing__intro, .seer-qa-system .seer-qa-production__evidence, .seer-qa-system .seer-qa-network__glance, .seer-qa-system .seer-qa-testing__evidence { background:linear-gradient(180deg,#fff,#f9fbfe) !important; border:1px solid #cfd9e6 !important; border-radius:18px !important; box-sizing:border-box; height:650px !important; padding:40px 32px !important; }
  .seer-qa-system .seer-qa-production__intro h3, .seer-qa-system .seer-qa-network__intro h3, .seer-qa-system .seer-qa-testing__intro h3 { font:700 28px/1.12 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; letter-spacing:-.025em !important; }
  .seer-qa-system .seer-qa-production__visual, .seer-qa-system .seer-qa-network__map, .seer-qa-system .seer-qa-testing__dashboard, .seer-qa-system .seer-qa-testing__dashboard figure { border:1px solid #cfd9e6; border-radius:18px; height:650px !important; overflow:hidden; }
  .seer-qa-system .seer-qa-production__visual, .seer-qa-system .seer-qa-network__map { background-color:#fbfdff; background-image:linear-gradient(rgba(40,105,155,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,105,155,.06) 1px,transparent 1px); background-size:28px 28px; }
  .seer-qa-system .seer-qa-evidence h4, .seer-qa-system .seer-qa-network__glance h4 { font:700 20px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif !important; letter-spacing:-.02em !important; }
  .seer-qa-system .seer-qa-production__evidence ul:not([hidden]), .seer-qa-system .seer-qa-network__glance ul, .seer-qa-system .seer-qa-testing__evidence ul, .seer-qa-system .seer-qa-testing__outcomes { display:grid !important; grid-template-rows:repeat(4,minmax(0,1fr)) !important; height:calc(100% - 82px) !important; }
  .seer-qa-system .seer-qa-production__evidence li, .seer-qa-system .seer-qa-network__glance li, .seer-qa-system .seer-qa-testing__evidence li, .seer-qa-system .seer-qa-testing__outcomes li { column-gap:18px !important; grid-template-columns:64px minmax(0,1fr) !important; padding:18px 0 !important; }
  .seer-qa-system .seer-qa-production__evidence .seer-qa-evidence__icon, .seer-qa-system .seer-qa-network__glance-icon, .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { background:#f7f9fc; border:1px solid #e2e8f0; border-radius:50%; box-sizing:border-box; height:60px !important; padding:13px !important; width:60px !important; }
  .seer-qa-system .seer-qa-production__evidence li strong, .seer-qa-system .seer-qa-network__glance li strong, .seer-qa-system .seer-qa-testing__evidence li strong, .seer-qa-system .seer-qa-testing__outcomes li strong { font:700 16px/1.3 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; }
  .seer-qa-system .seer-qa-production__evidence li p, .seer-qa-system .seer-qa-network__glance li p, .seer-qa-system .seer-qa-network__selected p, .seer-qa-system .seer-qa-testing__evidence li p, .seer-qa-system .seer-qa-testing__outcomes li p { font:400 14px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif !important; margin-top:6px !important; }
  .seer-qa-system .seer-qa-network__core { height:238px !important; width:238px !important; } .seer-qa-system .seer-qa-network__core strong { font-size:25px !important; } .seer-qa-system .seer-qa-network__node { height:150px !important; width:150px !important; } .seer-qa-system .seer-qa-network__node strong { font-size:18px !important; } .seer-qa-system .seer-qa-network__node small { font-size:15px !important; }
  .seer-qa-system .seer-qa-testing__image { height:100% !important; object-fit:cover !important; object-position:center center !important; }
  .seer-qa-system .seer-qa-testing__results, .seer-qa-system .seer-qa-testing__status-strip { display:none !important; }
}

/* 2026-07-29 — QA follow-up: preserve the fixed three-column shell while
   tightening evidence copy and using the complete 03 testing canvas. */
@media (min-width: 1200px) {
  /* 01: supporting evidence may occupy two readable lines, never a third. */
  .seer-qa-system .seer-qa-production__evidence li p {
    display: block;
    font-size: 16px !important;
    line-height: 1.38;
    overflow: visible;
  }

  /* 02: the centre is an identifying label, not a second explanatory panel. */
  .seer-qa-system .seer-qa-network__core-icon,
  .seer-qa-system .seer-qa-network__core span,
  .seer-qa-system .seer-qa-network__core small { display: none; }
  .seer-qa-system .seer-qa-network__core strong { margin: 0; }

  /* 03: crop the approved machine photograph to the 560px middle-card canvas. */
  .seer-qa-system .seer-qa-testing__dashboard,
  .seer-qa-system .seer-qa-testing__dashboard figure,
  .seer-qa-system .seer-qa-testing__image { height: 560px !important; }
  .seer-qa-system .seer-qa-testing__dashboard figure { overflow: hidden; }
  .seer-qa-system .seer-qa-testing__image {
    object-fit: cover !important;
    object-position: center center;
  }

  /* Extend the five navigation records through the remaining left-rail height
     and join only adjacent numbered markers. */
  .seer-qa-system .seer-qa-testing__intro {
    display: flex;
    flex-direction: column;
  }
  .seer-qa-system .seer-qa-testing__navigation {
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    margin: 18px 0 0;
    min-height: 0;
  }
  .seer-qa-system .seer-qa-testing__navigation li { position: relative; }
  .seer-qa-system .seer-qa-testing__navigation li:not(:last-child)::after {
    background: #c8d5e2;
    content: "";
    display: block;
    height: calc(100% - 30px);
    left: 28px;
    position: absolute;
    top: calc(50% + 15px);
    width: 1px;
    z-index: 0;
  }
  .seer-qa-system .seer-qa-testing__navigation button {
    height: 100%;
    min-height: 0 !important;
    position: relative;
    z-index: 1;
  }
  .seer-qa-system .seer-qa-testing__navigation button::before { z-index: 1; }
  .seer-qa-system .seer-qa-testing__navigation button,
  .seer-qa-system .seer-qa-testing__navigation button.is-active {
    background: transparent !important;
    border-left-color: transparent !important;
  }
  .seer-qa-system .seer-qa-testing__nav-copy strong { color: #7b8ca1 !important; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active .seer-qa-testing__nav-copy strong {
    color: var(--qa-ink) !important;
  }

  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-network__glance li p {
    font-size: 16px !important;
    line-height: 1.38;
    overflow: visible;
  }

  /* The five confirmation marks are 25% smaller than the prior 28px lock. */
  .seer-qa-system .seer-qa-testing__outcomes li {
    grid-template-columns: 21px minmax(0, 1fr);
  }
  .seer-qa-system .seer-qa-testing__outcome-check {
    font-size: 11px;
    height: 21px;
    width: 21px;
  }
}

/* 2026-07-29: final desktop hierarchy refinements requested during QA review. */
@media (min-width: 1200px) {
  /* Keep the 03 cards on the exact same rail as 01 and 02. */
  .seer-qa-system .seer-qa-testing {
    column-gap: 18px !important;
    grid-template-columns: 260px minmax(0, 1fr) 290px !important;
    grid-template-rows: 560px !important;
    height: 560px !important;
    padding: 0 !important;
    row-gap: 0 !important;
  }
  .seer-qa-system .seer-qa-testing__intro { grid-column: 1; grid-row: 1; }
  .seer-qa-system .seer-qa-testing__dashboard { grid-column: 2; grid-row: 1; height: 560px; }
  .seer-qa-system .seer-qa-testing__dashboard figure { grid-column: auto; grid-row: auto; height: 560px; }
  .seer-qa-system .seer-qa-testing__evidence { grid-column: 3; grid-row: 1; }
  .seer-qa-system .seer-qa-testing__results { display: none; }
  .seer-qa-system .seer-qa-testing__status-strip { display: none; }

  .seer-qa-system .seer-qa-system__header h2 { font-size: 60px !important; }

  .seer-qa-system .seer-qa-production__evidence li div { align-self: center; }
  .seer-qa-system .seer-qa-production__evidence li p {
    color: var(--qa-text);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
    margin: 4px 0 0;
  }

  .seer-qa-system .seer-qa-network__legend { display: none; }
  .seer-qa-system .seer-qa-network__glance ul { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .seer-qa-system .seer-qa-network__glance li { grid-template-columns: 42px minmax(0, 1fr); }
  .seer-qa-system .seer-qa-network__core { height: 216px; width: 216px; }
  .seer-qa-system .seer-qa-network__core span { font-size: 15px; line-height: 1.3; }
  .seer-qa-system .seer-qa-network__node--4::after {
    left: calc(100% + 1px);
    top: 26px;
    transform: rotate(-62deg);
    transform-origin: left center;
    width: 146px;
  }
  .seer-qa-system .seer-qa-network__node--5::after {
    left: auto;
    right: calc(100% + 1px);
    top: 26px;
    transform: rotate(62deg);
    transform-origin: right center;
    width: 146px;
  }

  .seer-qa-system .seer-qa-production__steps .seer-qa-production__step strong,
  .seer-qa-system .seer-qa-network__steps button strong,
  .seer-qa-system .seer-qa-testing__nav-copy strong { font-size: 16px !important; }

  .seer-qa-system .seer-qa-testing__navigation { counter-reset: qa-testing-step; }
  .seer-qa-system .seer-qa-testing__navigation > li { counter-increment: qa-testing-step; }
  .seer-qa-system .seer-qa-testing__navigation button { grid-template-columns: 34px minmax(0, 1fr) !important; min-height: 42px !important; }
  .seer-qa-system .seer-qa-testing__nav-icon { display: none !important; }
  .seer-qa-system .seer-qa-testing__navigation button::before {
    align-items: center;
    border: 1px solid #b9c9da;
    border-radius: 50%;
    color: var(--qa-text);
    content: counter(qa-testing-step, decimal-leading-zero);
    display: flex;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    line-height: 1;
    width: 30px;
  }
  .seer-qa-system .seer-qa-testing__navigation button.is-active::before {
    background: var(--qa-accent);
    border-color: var(--qa-accent);
    color: #fff;
  }
  .seer-qa-system .seer-qa-testing__nav-copy { gap: 0; grid-column: 2; grid-row: 1; }
  .seer-qa-system .seer-qa-testing__nav-copy strong { font-weight: 500 !important; }
  .seer-qa-system .seer-qa-testing__nav-copy small { display: none !important; }

  .seer-qa-system .seer-qa-testing__outcomes li { grid-template-columns: 28px minmax(0, 1fr); }
  .seer-qa-system .seer-qa-testing__outcome-check { font-size: 13px; height: 28px; width: 28px; }
}

/* 2026-07-29 QA information hierarchy pass. These desktop refinements keep
   the shared 01/02/03 rail intact while making the requested details readable. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__evidence li div { align-self: center; }
  .seer-qa-system .seer-qa-production__evidence li p { color: var(--qa-text); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.38; margin: 4px 0 0; }
  .seer-qa-system .seer-qa-network__legend { display: none; }
  .seer-qa-system .seer-qa-network__glance ul { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .seer-qa-system .seer-qa-network__glance li { grid-template-columns: 42px minmax(0, 1fr); }
  .seer-qa-system .seer-qa-network__core { height: 216px; width: 216px; }
  .seer-qa-system .seer-qa-network__core span { font-size: 15px; line-height: 1.3; }

  /* Begin the two lower connectors just outside the node perimeter. */
  .seer-qa-system .seer-qa-network__node--4::after { left: calc(100% + 1px); top: 26px; transform: rotate(-62deg); transform-origin: left center; width: 146px; }
  .seer-qa-system .seer-qa-network__node--5::after { left: auto; right: calc(100% + 1px); top: 26px; transform: rotate(62deg); transform-origin: right center; width: 146px; }

  .seer-qa-system .seer-qa-production__steps .seer-qa-production__step strong,
  .seer-qa-system .seer-qa-network__steps button strong,
  .seer-qa-system .seer-qa-testing__nav-copy strong { font-size: 16px !important; }

  .seer-qa-system .seer-qa-testing__navigation { counter-reset: qa-testing-step; }
  .seer-qa-system .seer-qa-testing__navigation > li { counter-increment: qa-testing-step; }
  .seer-qa-system .seer-qa-testing__navigation button { grid-template-columns: 34px minmax(0, 1fr); }
  .seer-qa-system .seer-qa-testing__nav-icon { display: none; }
  .seer-qa-system .seer-qa-testing__navigation button::before { align-items: center; border: 1px solid #b9c9da; border-radius: 50%; color: var(--qa-text); content: counter(qa-testing-step, decimal-leading-zero); display: flex; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; height: 30px; justify-content: center; line-height: 1; width: 30px; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active::before { background: var(--qa-accent); border-color: var(--qa-accent); color: #fff; }
  .seer-qa-system .seer-qa-testing__nav-copy { gap: 0; }
  .seer-qa-system .seer-qa-testing__nav-copy strong { font-weight: 500 !important; }
  .seer-qa-system .seer-qa-testing__nav-copy small { display: none; }
  .seer-qa-system .seer-qa-testing__outcomes li { grid-template-columns: 28px minmax(0, 1fr); }
  .seer-qa-system .seer-qa-testing__outcome-check { font-size: 13px; height: 28px; width: 28px; }
}

/* 2026-07-27 — unified three-card desktop rail for 01 / 02 / 03.
   Each state owns three separate columns; no state relies on a shared enclosing card. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production,
  .seer-qa-system .seer-qa-network,
  .seer-qa-system .seer-qa-testing {
    column-gap: 18px;
    grid-template-columns: 260px minmax(0, 1fr) 290px;
    height: 560px;
    min-height: 0;
  }

  .seer-qa-system .seer-qa-production__visual,
  .seer-qa-system .seer-qa-network__map {
    height: 560px;
  }

  .seer-qa-system .seer-qa-testing {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    grid-template-rows: 560px;
    padding: 0;
  }

  .seer-qa-system .seer-qa-testing__intro,
  .seer-qa-system .seer-qa-testing__evidence {
    background: linear-gradient(180deg, #fbfcfe, #f7f9fc);
    border: 1px solid var(--qa-border);
    border-radius: 17px;
    box-shadow: 0 14px 45px rgba(9, 36, 66, .035);
    height: 560px;
  }

  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro {
    padding: 32px 28px;
  }

  .seer-qa-system .seer-qa-panel-number {
    display: none;
  }

  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    margin-top: 16px;
  }

  .seer-qa-system .seer-qa-testing__dashboard,
  .seer-qa-system .seer-qa-testing__dashboard figure {
    height: 560px;
  }

  .seer-qa-system .seer-qa-testing__dashboard figure {
    background: #f7f9fc;
  }

  .seer-qa-system .seer-qa-testing__image {
    object-fit: contain;
    object-position: center;
  }

  .seer-qa-system .seer-qa-network__map {
    height: 560px;
  }

  .seer-qa-system .seer-qa-network__node { height: 120px; width: 120px; }
  .seer-qa-system .seer-qa-network__node--1 { left: calc(50% - 60px); }
  .seer-qa-system .seer-qa-network__core { height: 150px; width: 150px; }
  .seer-qa-system .seer-qa-network__node::after { width: 134px; }
  .seer-qa-system .seer-qa-network__node--1::after { width: 106px; }
}

/* 2026-07-27 — 03 outcome and media containment refinements. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-testing {
    column-gap: 18px;
    grid-template-columns: 260px minmax(0, 1fr) 290px;
    height: 560px;
  }

  .seer-qa-system .seer-qa-testing__dashboard {
    padding: 0;
  }

  .seer-qa-system .seer-qa-testing__dashboard figure,
  .seer-qa-system .seer-qa-testing__image {
    border-radius: 17px;
  }

  .seer-qa-system .seer-qa-testing__dashboard figure {
    overflow: hidden;
  }

  .seer-qa-system .seer-qa-testing__dashboard figure figcaption {
    display: none;
  }

  .seer-qa-system .seer-qa-testing__outcome-check {
    align-items: center;
    background: #e7f6ee;
    border: 1px solid #9cd9b9;
    border-radius: 50%;
    color: #078c5a;
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 1;
    width: 40px;
  }

  .seer-qa-system .seer-qa-testing__outcomes li {
    grid-template-columns: 40px minmax(0, 1fr);
  }
}

/* 03 final confirmed outcome layout: large centre image, no top metric-card row. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-testing { grid-template-columns: 260px minmax(0, 1fr) 300px; grid-template-rows: 540px; min-height: 0; padding: 18px; }
  .seer-qa-system .seer-qa-testing__intro { grid-column: 1; grid-row: 1; padding: 38px 26px 20px; }
  .seer-qa-system .seer-qa-testing__results, .seer-qa-system .seer-qa-testing__status-strip { display: none; }
  .seer-qa-system .seer-qa-testing__dashboard { display: block; grid-column: 2; grid-row: 1; }
  .seer-qa-system .seer-qa-testing__dashboard figure { display: block; height: 100%; margin: 0; }
  .seer-qa-system .seer-qa-testing__evidence { grid-column: 3; grid-row: 1; padding: 34px 26px 22px; }
  .seer-qa-system .seer-qa-testing__evidence h4 { font-size: 22px !important; }
  .seer-qa-system .seer-qa-testing__outcomes { display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); height: calc(100% - 70px); list-style: none; margin: 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__outcomes li { align-items: center; border-bottom: 1px solid rgba(15,45,75,.10); column-gap: 14px; display: grid; grid-template-columns: 54px minmax(0,1fr); min-height: 0; padding: 12px 0; }
  .seer-qa-system .seer-qa-testing__outcomes li:last-child { border-bottom: 0; }
  .seer-qa-system .seer-qa-testing__outcomes .seer-qa-evidence__icon { align-items: center; background: #f5f7fa; border-radius: 50%; display: flex; height: 54px; justify-content: center; padding: 10px; width: 54px; }
  .seer-qa-system .seer-qa-testing__outcomes strong { color: var(--qa-ink); display: block; font-size: 17px !important; font-weight: 700 !important; line-height: 1.22 !important; }
  .seer-qa-system .seer-qa-testing__outcomes p { color: var(--qa-text); font-size: 14px !important; line-height: 1.45 !important; margin: 5px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .seer-qa-system *, .seer-qa-system *::before, .seer-qa-system *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .seer-qa-production__layers { display: none !important; }
  .seer-qa-production__fallback { display: block !important; }
  .seer-qa-production__scan { display: none !important; }
}

/* 02/03 reference calibration: retain the existing widget fields and controls. */
@media (min-width: 1200px) {
  .seer-qa-network {
    column-gap: 18px;
    grid-template-columns: 260px minmax(0,1fr) 290px;
    height: 780px;
  }
  .seer-qa-network__map { height: 780px; }
  .seer-qa-network__intro { padding: 34px 28px; }
  .seer-qa-network__intro > p:not(.seer-qa-panel-number) { font-size: 14px !important; line-height: 1.58 !important; margin-bottom: 24px; }
  .seer-qa-network__glance { padding: 30px 28px 22px; }
  .seer-qa-system .seer-qa-network__glance h4 { font-size: 22px !important; font-weight: 700 !important; }
  .seer-qa-network__glance h4::after { margin: 17px 0 15px; }
  .seer-qa-network__selected { min-height: 130px; padding-bottom: 18px; }
  .seer-qa-network__selected strong { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35; }
  .seer-qa-network__selected p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.55; margin-top: 7px; }
  .seer-qa-network__glance li { column-gap: 14px; grid-template-columns: 46px minmax(0,1fr); padding: 11px 0; }
  .seer-qa-network__glance ul { grid-template-rows: repeat(3,minmax(0,.94fr)) minmax(0,1.18fr); }
  .seer-qa-network__glance-icon { height: 44px; width: 44px; }
  .seer-qa-system .seer-qa-network__glance li strong { font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.28 !important; overflow: visible; text-overflow: clip; white-space: normal; }
  .seer-qa-network__glance li p { color: var(--qa-text); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400; line-height: 1.5; margin: 5px 0 0; }
  .seer-qa-network__node { height: 142px; width: 142px; }
  .seer-qa-network__node--1 { left: calc(50% - 71px); }
  .seer-qa-network__core { height: 180px; width: 180px; }
  /* Connectors begin at the outside edge of each node and end before the next circle. */
  .seer-qa-network__node::after { width: 158px; }
  .seer-qa-network__node--1::after { left: 50%; top: calc(100% - 1px); transform: rotate(90deg); transform-origin: left center; width: 130px; }
  .seer-qa-network__node--2::after { left: calc(100% - 1px); top: 50%; transform: rotate(25deg); transform-origin: left center; width: 158px; }
  .seer-qa-network__node--3::after { left: auto; right: calc(100% - 1px); top: 50%; transform: rotate(-25deg); transform-origin: right center; width: 158px; }
  .seer-qa-network__node--4::after { left: calc(100% - 13px); top: 6px; transform: rotate(-65deg); transform-origin: left center; width: 136px; }
  .seer-qa-network__node--5::after { left: auto; right: calc(100% - 13px); top: 6px; transform: rotate(65deg); transform-origin: right center; width: 132px; }

  .seer-qa-testing {
    column-gap: 18px;
    grid-template-columns: 260px minmax(0,1fr) 260px;
    height: 767px;
  }
  .seer-qa-testing__intro, .seer-qa-testing__evidence { padding: 32px 28px; }
  .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { font-size: 14px !important; line-height: 1.6 !important; margin: 17px 0 24px; }
  .seer-qa-testing__intro li { min-height: 58px; }
  .seer-qa-testing__intro button { gap: 0 13px; min-height: 58px; }
  .seer-qa-testing__dashboard { gap: 12px; grid-template-rows: 110px 370px minmax(220px,1fr); height: 767px; padding: 14px; }
  .seer-qa-testing__metrics { gap: 12px; }
  .seer-qa-testing__metrics li { gap: 12px; grid-template-columns: 32px minmax(0,1fr); height: 110px; min-height: 110px; padding: 14px 16px 10px; }
  .seer-qa-testing__metrics li::after { bottom: 9px; height: 2px; left: 48px; right: 16px; }
  .seer-qa-testing__metric-icon { height: 30px; width: 30px; }
  .seer-qa-testing__metrics li div { display: grid; gap: 0; grid-template-rows: 16px minmax(0,1fr) 16px; height: 84px; }
  .seer-qa-system .seer-qa-testing__metrics strong { font-size: 14px !important; font-weight: 600 !important; line-height: 1.15 !important; }
  .seer-qa-system .seer-qa-testing__metrics b { align-self: center; font-size: 28px !important; font-weight: 700 !important; margin-top: 0; }
  .seer-qa-system .seer-qa-testing__metrics span { align-self: end; font-size: 13px !important; line-height: 1.25 !important; margin-top: 0; }
  .seer-qa-testing__dashboard figure { border-radius: 15px; }
  .seer-qa-testing__image { object-position: center 52%; }
  .seer-qa-testing__dashboard figure figcaption { gap: 9px; padding: 10px 16px; top: 14px; }
  .seer-qa-testing__dashboard figure figcaption i { height: 9px; width: 9px; }
  .seer-qa-testing__dashboard figure figcaption strong { font-size: 13px; font-weight: 700; }
  .seer-qa-testing__dashboard figure figcaption span { font-size: 10px; }
  .seer-qa-testing__focus { gap: 12px; }
  .seer-qa-testing__focus button { border-radius: 13px; gap: 0; grid-template-rows: 34px 52px 48px 30px 28px; padding: 16px 12px 12px; }
  .seer-qa-testing__focus button.is-active { border-width: 1.5px; box-shadow: none; }
  .seer-qa-testing__focus-heading { display: grid; gap: 0; grid-column: 1; grid-row: 1 / 3; grid-template-columns: 1fr; grid-template-rows: 34px 52px; min-height: 0; text-align: center; }
  .seer-qa-testing__focus-icon { align-self: center; height: 30px; justify-self: center; width: 30px; }
  .seer-qa-system .seer-qa-testing__focus strong { align-self: center; font-size: 14px !important; font-weight: 650 !important; line-height: 1.23 !important; }
  .seer-qa-system .seer-qa-testing__focus b { align-self: center; font-size: 23px !important; font-weight: 700 !important; line-height: 1.16 !important; }
  .seer-qa-testing__focus li:last-child button { grid-template-rows: 34px 52px 52px 26px 28px; }
  .seer-qa-system .seer-qa-testing__focus li:last-child b { font-size: 16px !important; line-height: 1.08 !important; overflow-wrap: normal; word-break: normal; }
  .seer-qa-system .seer-qa-testing__focus-unit { align-self: center; font-size: 13px !important; line-height: 1.25 !important; }
  .seer-qa-system .seer-qa-testing__focus small { align-self: center; font-size: 14px !important; font-weight: 600 !important; }
  .seer-qa-system .seer-qa-testing__evidence h4 { font-size: 22px !important; font-weight: 700 !important; }
  .seer-qa-testing__evidence h4::after { margin: 18px 0 16px; }
  .seer-qa-testing__evidence li { column-gap: 14px; grid-template-columns: 54px minmax(0,1fr); padding: 16px 0; }
  .seer-qa-testing__evidence .seer-qa-evidence__icon { border: 1px solid rgba(15,45,75,.10); border-radius: 50%; height: 54px; padding: 7px; width: 54px; }
  .seer-qa-system .seer-qa-testing__evidence li strong { font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.28 !important; overflow: visible; text-overflow: clip; white-space: normal; }
  .seer-qa-testing__evidence li p { color: var(--qa-text); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400; line-height: 1.5; margin: 5px 0 0; }
}

@media (max-width: 1199px) {
  .seer-qa-network__glance li p, .seer-qa-testing__evidence li p { color: var(--qa-text); display: block; font-size: 13px; line-height: 1.5; margin: 5px 0 0; }
  .seer-qa-testing__evidence .seer-qa-evidence__icon { border: 1px solid rgba(15,45,75,.10); border-radius: 50%; height: 52px; padding: 10px; width: 52px; }
  .seer-qa-testing__focus button { grid-template-rows: 30px 44px 34px 26px 24px; }
}

@media (max-width: 767px) {
  .seer-qa-network__glance li p, .seer-qa-testing__evidence li p { display: block; font-size: 13px; line-height: 1.5; margin: 5px 0 0; }
  .seer-qa-testing__focus button { grid-template-rows: 28px 44px 34px 26px 24px; height: 170px; padding: 14px 10px 10px; }
  .seer-qa-testing__focus-icon { height: 28px; width: 28px; }
  .seer-qa-system .seer-qa-testing__focus strong { font-size: 14px !important; }
  .seer-qa-system .seer-qa-testing__focus b { font-size: 21px !important; }
  .seer-qa-system .seer-qa-testing__focus-unit { font-size: 12px !important; }
}

/* 03 rendering quality without overriding the shared 01/02/03 type roles. */
.seer-qa-system .seer-qa-testing {
  font-synthesis: none;
}

@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-testing {
    align-items: stretch;
    background: #fff;
    border: 1px solid rgba(15,45,75,.10);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(9,36,66,.06);
    column-gap: 18px;
    grid-template-columns: 240px minmax(0,1fr) 230px;
    grid-template-rows: 200px 560px 124px;
    height: auto;
    min-height: 960px;
    padding: 34px 26px 26px;
    row-gap: 16px;
  }

  .seer-qa-system .seer-qa-testing__intro {
    align-self: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-right: 1px solid rgba(15,45,75,.10);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 42px 26px 18px 8px;
  }

  .seer-qa-system .seer-qa-testing__intro .seer-qa-panel-number {
    color: var(--qa-accent);
    font-size: 34px !important;
    font-weight: 700 !important;
    letter-spacing: -.03em;
    line-height: 1 !important;
    margin: 0 0 14px;
  }

  .seer-qa-system .seer-qa-testing__intro h3 {
    color: var(--qa-ink);
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -.035em !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    max-width: 200px;
  }

  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    color: var(--qa-text);
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 20px 0 54px;
    max-width: 196px;
  }

  .seer-qa-system .seer-qa-testing__navigation {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .seer-qa-system .seer-qa-testing__navigation li,
  .seer-qa-system .seer-qa-testing__navigation li::after {
    min-height: 0;
  }

  .seer-qa-system .seer-qa-testing__navigation li::after { display: none; }

  .seer-qa-system .seer-qa-testing__navigation button {
    align-items: center;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 9px;
    color: var(--qa-text);
    display: grid;
    gap: 12px;
    grid-template-columns: 34px minmax(0,1fr);
    min-height: 64px;
    padding: 10px 10px 10px 12px;
    text-align: left;
  }

  .seer-qa-system .seer-qa-testing__navigation button.is-active {
    background: rgba(255,118,0,.07);
    border-left-color: var(--qa-accent);
    color: var(--qa-ink);
  }

  .seer-qa-system .seer-qa-testing__nav-icon {
    align-items: center;
    background: #f5f7fa;
    border-radius: 50%;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px;
  }

  /* Neutralize the legacy number-pill rule on the new icon/copy pair. */
  .seer-qa-system .seer-qa-testing__navigation .seer-qa-testing__nav-copy {
    align-items: initial;
    background: transparent;
    border: 0;
    border-radius: 0;
    height: auto;
    justify-content: initial;
    width: auto;
  }

  .seer-qa-system .seer-qa-testing__navigation button.is-active .seer-qa-testing__nav-icon { background: #fff1e8; }
  .seer-qa-system .seer-qa-testing__nav-svg { color: var(--qa-ink); height: 22px; width: 22px; }
  .seer-qa-system .seer-qa-testing__nav-copy { display: grid; gap: 3px; min-width: 0; }
  .seer-qa-system .seer-qa-testing__nav-copy strong { color: var(--qa-ink); font-size: 14px !important; font-weight: 650 !important; line-height: 1.18 !important; }
  .seer-qa-system .seer-qa-testing__nav-copy small { color: var(--qa-text); font-size: 13px !important; font-weight: 400 !important; line-height: 1.18 !important; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active small { color: var(--qa-accent); font-weight: 600 !important; }

  .seer-qa-system .seer-qa-testing__category-summary {
    align-items: center;
    border-top: 1px solid rgba(15,45,75,.10);
    display: grid;
    gap: 12px;
    grid-template-columns: 34px minmax(0,1fr);
    margin-top: auto;
    padding-top: 16px;
  }

  .seer-qa-system .seer-qa-testing__summary-icon {
    align-items: center;
    border: 1px solid #d7e0ea;
    border-radius: 50%;
    color: var(--qa-green);
    display: flex;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: 34px;
    justify-content: center;
    width: 34px;
  }

  .seer-qa-system .seer-qa-testing__category-summary strong { color: var(--qa-ink); display: block; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; }
  .seer-qa-system .seer-qa-testing__category-summary p { color: var(--qa-text); font-size: 12px !important; line-height: 1.45 !important; margin: 4px 0 0; }

  .seer-qa-system .seer-qa-testing__dashboard {
    display: contents;
  }

  .seer-qa-system .seer-qa-testing__metrics,
  .seer-qa-system .seer-qa-testing__focus { display: none; }

  .seer-qa-system .seer-qa-testing__results {
    display: grid;
    gap: 8px;
    grid-column: 2 / 4;
    grid-row: 1;
    grid-template-columns: repeat(5,minmax(0,1fr));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .seer-qa-system .seer-qa-testing__results li { min-width: 0; }

  .seer-qa-system .seer-qa-testing__results button {
    background: #fff;
    border: 1px solid rgba(15,45,75,.09);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(7,27,59,.025);
    color: var(--qa-ink);
    display: grid;
    grid-template-rows: 42px 58px 24px;
    height: 100%;
    padding: 22px 12px 18px;
    text-align: left;
    width: 100%;
  }

  .seer-qa-system .seer-qa-testing__results button.is-active { border-color: rgba(15,45,75,.09); box-shadow: 0 6px 18px rgba(7,27,59,.025); }
  .seer-qa-system .seer-qa-testing__result-heading { align-items: center; display: grid; gap: 8px; grid-template-columns: 26px minmax(0,1fr); }
  .seer-qa-system .seer-qa-testing__result-icon { color: var(--qa-ink); height: 30px; width: 30px; }
  .seer-qa-system .seer-qa-testing__result-heading strong { color: var(--qa-ink); font-size: 15px !important; font-weight: 650 !important; line-height: 1.22 !important; }
  .seer-qa-system .seer-qa-testing__result-value { align-items: center; display: flex; gap: 10px; min-width: 0; }
  .seer-qa-system .seer-qa-testing__result-value i { align-items: center; background: #23aa62; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 16px; font-style: normal; font-weight: 700; height: 30px; justify-content: center; line-height: 1; width: 30px; }
  .seer-qa-system .seer-qa-testing__result-value b { color: var(--qa-ink); font-size: 28px !important; font-weight: 700 !important; letter-spacing: -.03em; line-height: 1 !important; white-space: nowrap; }
  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b,
  .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b { font-size: 23px !important; }
  .seer-qa-system .seer-qa-testing__result-unit { color: var(--qa-text); font-size: 13px !important; font-weight: 400 !important; line-height: 1.25 !important; padding-left: 44px; }

  .seer-qa-system .seer-qa-testing__dashboard figure { border-radius: 12px; grid-column: 2; grid-row: 2; height: 560px; margin: 0; overflow: hidden; }
  .seer-qa-system .seer-qa-testing__image { object-fit: cover; object-position: center 50%; }
  .seer-qa-system .seer-qa-testing__dashboard figure figcaption { left: 20px; padding: 11px 15px; top: 18px; transform: none; }
  .seer-qa-system .seer-qa-testing__dashboard figure figcaption i { background: var(--qa-accent); height: 9px; width: 9px; }
  .seer-qa-system .seer-qa-testing__dashboard figure figcaption strong { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .015em; }

  .seer-qa-system .seer-qa-testing__status-strip {
    background: #fff;
    border: 1px solid rgba(15,45,75,.09);
    border-radius: 0 0 12px 12px;
    display: grid;
    grid-column: 2;
    grid-row: 3;
    grid-template-columns: repeat(3,minmax(0,1fr));
    list-style: none;
    margin: 0;
    padding: 0 14px;
  }

  .seer-qa-system .seer-qa-testing__status-strip li {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 36px minmax(0,1fr);
    min-width: 0;
    padding: 18px 14px;
  }

  .seer-qa-system .seer-qa-testing__status-strip li + li { border-left: 1px solid rgba(15,45,75,.10); }
  .seer-qa-system .seer-qa-testing__status-icon { color: var(--qa-ink); height: 32px; width: 32px; }
  .seer-qa-system .seer-qa-testing__status-strip div { display: grid; gap: 3px; min-width: 0; }
  .seer-qa-system .seer-qa-testing__status-strip span { color: var(--qa-text); font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__status-strip strong { color: var(--qa-ink); font-size: 20px !important; font-weight: 700 !important; line-height: 1.05 !important; }
  .seer-qa-system .seer-qa-testing__status-strip li:nth-child(2) strong,
  .seer-qa-system .seer-qa-testing__status-strip li:nth-child(3) strong { color: var(--qa-green); }
  .seer-qa-system .seer-qa-testing__status-strip small { color: var(--qa-text); font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; }

  .seer-qa-system .seer-qa-testing__evidence {
    align-self: stretch;
    background: #fff;
    border: 1px solid rgba(15,45,75,.10);
    border-radius: 12px;
    box-shadow: none;
    display: block;
    grid-column: 3;
    grid-row: 2 / 4;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 30px 22px 20px;
  }

  .seer-qa-system .seer-qa-testing__evidence h4 { color: var(--qa-ink); font-size: 19px !important; font-weight: 700 !important; letter-spacing: -.02em; line-height: 1.2 !important; margin: 0; }
  .seer-qa-system .seer-qa-testing__evidence h4::after { background: var(--qa-accent); height: 2px; margin: 14px 0 20px; width: 28px; }
  .seer-qa-system .seer-qa-testing__evidence ul { display: grid; grid-template-rows: repeat(4,minmax(0,1fr)); height: calc(100% - 66px); list-style: none; margin: 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__evidence li { align-items: center; border-bottom: 1px solid rgba(15,45,75,.10); column-gap: 12px; display: grid; grid-template-columns: 42px minmax(0,1fr); min-height: 0; padding: 14px 0; }
  .seer-qa-system .seer-qa-testing__evidence li:last-child { border-bottom: 0; }
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { align-items: center; background: #f5f7fa; border: 0; border-radius: 50%; color: var(--qa-ink); display: flex; height: 42px; justify-content: center; padding: 8px; width: 42px; }
  .seer-qa-system .seer-qa-testing__evidence li div { min-width: 0; }
  .seer-qa-system .seer-qa-testing__evidence li strong { color: var(--qa-ink); font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__evidence li p { color: var(--qa-text); display: block; font-size: 13px !important; font-weight: 400 !important; line-height: 1.45 !important; margin: 5px 0 0; }
  .seer-qa-system .seer-qa-testing__selected { display: none; }
}

@media (max-width: 1199px) {
  .seer-qa-system .seer-qa-testing { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 16px; gap: 20px; padding: 24px; }
  .seer-qa-system .seer-qa-testing__intro { background: transparent; border: 0; border-right: 1px solid rgba(15,45,75,.10); border-radius: 0; box-shadow: none; padding: 12px 20px 12px 0; }
  .seer-qa-system .seer-qa-testing__navigation { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__navigation li::after { display: none; }
  .seer-qa-system .seer-qa-testing__navigation button { align-items: center; background: transparent; border: 0; border-left: 3px solid transparent; border-radius: 8px; display: grid; gap: 10px; grid-template-columns: 32px minmax(0,1fr); min-height: 58px; padding: 8px 8px 8px 10px; text-align: left; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active { background: rgba(255,118,0,.07); border-left-color: var(--qa-accent); }
  .seer-qa-system .seer-qa-testing__nav-icon { align-items: center; align-self: center; background: #f5f7fa; border: 1px solid #d7e0ea; border-radius: 50%; display: flex; height: 32px; justify-content: center; width: 32px; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active .seer-qa-testing__nav-icon { background: #fff1e8; border-color: var(--qa-accent); }
  .seer-qa-system .seer-qa-testing__nav-svg { color: var(--qa-ink); height: 19px; width: 19px; }
  .seer-qa-system .seer-qa-testing__navigation .seer-qa-testing__nav-copy { align-items: initial; background: transparent; border: 0; border-radius: 0; display: grid; gap: 2px; height: auto; justify-content: initial; width: auto; }
  .seer-qa-system .seer-qa-testing__nav-copy strong { color: var(--qa-ink); font-size: 14px !important; font-weight: 650 !important; line-height: 1.18 !important; }
  .seer-qa-system .seer-qa-testing__nav-copy small { color: var(--qa-text); font-size: 12px !important; font-weight: 400 !important; line-height: 1.18 !important; }
  .seer-qa-system .seer-qa-testing__category-summary { align-items: center; border-top: 1px solid rgba(15,45,75,.10); display: grid; gap: 10px; grid-template-columns: 30px minmax(0,1fr); margin-top: 24px; padding-top: 14px; }
  .seer-qa-system .seer-qa-testing__summary-icon { align-items: center; border: 1px solid #d7e0ea; border-radius: 50%; color: var(--qa-green); display: flex; font-size: 16px !important; height: 30px; justify-content: center; width: 30px; }
  .seer-qa-system .seer-qa-testing__category-summary strong { color: var(--qa-ink); display: block; font-size: 13px !important; line-height: 1.25 !important; }
  .seer-qa-system .seer-qa-testing__category-summary p { color: var(--qa-text); font-size: 12px !important; line-height: 1.45 !important; margin: 3px 0 0; }
  .seer-qa-system .seer-qa-testing__results { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 0 0 12px; padding: 0; }
  .seer-qa-system .seer-qa-testing__results button { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 10px; display: grid; grid-template-rows: 30px 44px 20px; height: 150px; padding: 16px 12px; text-align: left; width: 100%; }
  .seer-qa-system .seer-qa-testing__result-heading { align-items: center; display: grid; gap: 8px; grid-template-columns: 24px minmax(0,1fr); }
  .seer-qa-system .seer-qa-testing__result-icon { height: 24px; width: 24px; }
  .seer-qa-system .seer-qa-testing__result-heading strong { color: var(--qa-ink); font-size: 13px !important; font-weight: 650 !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__result-value { align-items: center; display: flex; gap: 9px; }
  .seer-qa-system .seer-qa-testing__result-value i { align-items: center; background: #23aa62; border-radius: 50%; color: #fff; display: inline-flex; font-size: 13px; font-style: normal; font-weight: 700; height: 22px; justify-content: center; width: 22px; }
  .seer-qa-system .seer-qa-testing__result-value b { color: var(--qa-ink); font-size: 23px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap; }
  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b, .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b { font-size: 20px !important; }
  .seer-qa-system .seer-qa-testing__result-unit { color: var(--qa-text); font-size: 12px !important; line-height: 1.2 !important; padding-left: 31px; }
  .seer-qa-system .seer-qa-testing__dashboard { background: transparent; border: 0; border-radius: 0; box-shadow: none; display: grid; gap: 0; grid-template-rows: auto 380px 104px; height: auto; overflow: visible; padding: 0; }
  .seer-qa-system .seer-qa-testing__dashboard figure { border-radius: 10px 10px 0 0; height: 380px; margin-top: 0; }
  .seer-qa-system .seer-qa-testing__status-strip { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 0 0 10px 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__status-strip li { align-items: center; display: grid; gap: 9px; grid-template-columns: 26px minmax(0,1fr); padding: 14px; }
  .seer-qa-system .seer-qa-testing__status-strip li + li { border-left: 1px solid rgba(15,45,75,.10); }
  .seer-qa-system .seer-qa-testing__status-icon { height: 25px; width: 25px; }
  .seer-qa-system .seer-qa-testing__status-strip div { display: grid; gap: 2px; }
  .seer-qa-system .seer-qa-testing__status-strip span, .seer-qa-system .seer-qa-testing__status-strip small { color: var(--qa-text); font-size: 11px !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__status-strip strong { color: var(--qa-ink); font-size: 16px !important; font-weight: 700 !important; line-height: 1.05 !important; }
  .seer-qa-system .seer-qa-testing__evidence { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 12px; box-shadow: none; grid-column: 1 / 3; margin: 0; padding: 24px; }
  .seer-qa-system .seer-qa-testing__evidence ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); height: auto; list-style: none; margin: 16px 0 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__evidence li { align-items: center; border: 0; display: grid; gap: 12px; grid-template-columns: 42px minmax(0,1fr); min-height: 94px; padding: 12px; }
  .seer-qa-system .seer-qa-testing__evidence li:nth-child(even) { border-left: 1px solid rgba(15,45,75,.10); }
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { background: #f5f7fa; border: 0; border-radius: 50%; height: 42px; padding: 8px; width: 42px; }
  .seer-qa-system .seer-qa-testing__evidence li strong { color: var(--qa-ink); font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__evidence li p { color: var(--qa-text); display: block; font-size: 13px !important; line-height: 1.4 !important; margin: 4px 0 0; }
}

@media (max-width: 767px) {
  .seer-qa-system .seer-qa-testing { border-radius: 14px; display: block; padding: 18px; }
  .seer-qa-system .seer-qa-testing__intro { border: 0; padding: 6px 0 20px; }
  .seer-qa-system .seer-qa-testing__navigation { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 18px 0 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__navigation li::after { display: none; }
  .seer-qa-system .seer-qa-testing__navigation button { align-items: center; background: #fff; border: 1px solid rgba(15,45,75,.10); border-left: 2px solid transparent; border-radius: 9px; display: grid; gap: 8px; grid-template-columns: 28px minmax(0,1fr); min-height: 58px; padding: 8px; text-align: left; width: 100%; }
  .seer-qa-system .seer-qa-testing__navigation button.is-active { background: rgba(255,118,0,.07); border-left-color: var(--qa-accent); }
  .seer-qa-system .seer-qa-testing__nav-icon { align-items: center; background: #f5f7fa; border-radius: 50%; display: flex; height: 28px; justify-content: center; width: 28px; }
  .seer-qa-system .seer-qa-testing__nav-svg { height: 18px; width: 18px; }
  .seer-qa-system .seer-qa-testing__nav-copy { display: grid; gap: 2px; }
  .seer-qa-system .seer-qa-testing__navigation .seer-qa-testing__nav-copy { align-items: initial; background: transparent; border: 0; border-radius: 0; height: auto; justify-content: initial; width: auto; }
  .seer-qa-system .seer-qa-testing__nav-copy strong { color: var(--qa-ink); font-size: 12px !important; font-weight: 650 !important; line-height: 1.15 !important; }
  .seer-qa-system .seer-qa-testing__nav-copy small { color: var(--qa-text); font-size: 11px !important; line-height: 1.15 !important; }
  .seer-qa-system .seer-qa-testing__category-summary { display: none; }
  .seer-qa-system .seer-qa-testing__dashboard { background: transparent; border: 0; box-shadow: none; display: block; height: auto; margin: 0; overflow: visible; padding: 0; }
  .seer-qa-system .seer-qa-testing__results { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 0 0 10px; padding: 0; }
  .seer-qa-system .seer-qa-testing__results button { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 10px; display: grid; grid-template-rows: 28px 42px 22px; height: 130px; padding: 12px; text-align: left; width: 100%; }
  .seer-qa-system .seer-qa-testing__result-heading { align-items: center; display: grid; gap: 7px; grid-template-columns: 22px minmax(0,1fr); }
  .seer-qa-system .seer-qa-testing__result-icon { height: 22px; width: 22px; }
  .seer-qa-system .seer-qa-testing__result-heading strong { color: var(--qa-ink); font-size: 12px !important; font-weight: 650 !important; line-height: 1.16 !important; }
  .seer-qa-system .seer-qa-testing__result-value { align-items: center; display: flex; gap: 8px; }
  .seer-qa-system .seer-qa-testing__result-value i { align-items: center; background: #23aa62; border-radius: 50%; color: #fff; display: inline-flex; font-size: 12px; font-style: normal; font-weight: 700; height: 21px; justify-content: center; width: 21px; }
  .seer-qa-system .seer-qa-testing__result-value b { color: var(--qa-ink); font-size: 21px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap; }
  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b, .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b { font-size: 18px !important; }
  .seer-qa-system .seer-qa-testing__result-unit { color: var(--qa-text); font-size: 11px !important; line-height: 1.18 !important; padding-left: 29px; }
  .seer-qa-system .seer-qa-testing__dashboard figure { aspect-ratio: 4 / 3; border-radius: 10px 10px 0 0; height: auto; }
  .seer-qa-system .seer-qa-testing__dashboard figure figcaption { left: 12px; padding: 8px 11px; top: 12px; }
  .seer-qa-system .seer-qa-testing__dashboard figure figcaption strong { font-size: 11px !important; }
  .seer-qa-system .seer-qa-testing__status-strip { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 0 0 10px 10px; display: block; list-style: none; margin: 0; padding: 4px 14px; }
  .seer-qa-system .seer-qa-testing__status-strip li { align-items: center; display: grid; gap: 10px; grid-template-columns: 26px minmax(0,1fr); padding: 12px 0; }
  .seer-qa-system .seer-qa-testing__status-strip li + li { border-left: 0; border-top: 1px solid rgba(15,45,75,.10); }
  .seer-qa-system .seer-qa-testing__status-icon { height: 25px; width: 25px; }
  .seer-qa-system .seer-qa-testing__status-strip div { display: grid; gap: 2px; }
  .seer-qa-system .seer-qa-testing__status-strip span, .seer-qa-system .seer-qa-testing__status-strip small { color: var(--qa-text); font-size: 11px !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__status-strip strong { color: var(--qa-ink); font-size: 17px !important; font-weight: 700 !important; line-height: 1.05 !important; }
  .seer-qa-system .seer-qa-testing__evidence { background: #fff; border: 1px solid rgba(15,45,75,.10); border-radius: 12px; box-shadow: none; margin-top: 16px; padding: 20px; }
  .seer-qa-system .seer-qa-testing__evidence h4 { color: var(--qa-ink); font-size: 19px !important; font-weight: 700 !important; margin: 0; }
  .seer-qa-system .seer-qa-testing__evidence h4::after { background: var(--qa-accent); height: 2px; margin: 12px 0; width: 26px; }
  .seer-qa-system .seer-qa-testing__evidence ul { display: block; height: auto; list-style: none; margin: 0; padding: 0; }
  .seer-qa-system .seer-qa-testing__evidence li { align-items: center; border-bottom: 1px solid rgba(15,45,75,.10); display: grid; gap: 12px; grid-template-columns: 40px minmax(0,1fr); min-height: 86px; padding: 12px 0; }
  .seer-qa-system .seer-qa-testing__evidence li:nth-child(even) { border-left: 0; }
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { background: #f5f7fa; border: 0; border-radius: 50%; height: 40px; padding: 8px; width: 40px; }
  .seer-qa-system .seer-qa-testing__evidence li strong { color: var(--qa-ink); font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; }
  .seer-qa-system .seer-qa-testing__evidence li p { color: var(--qa-text); display: block; font-size: 12px !important; line-height: 1.35 !important; margin: 3px 0 0; }
  /* The 02 rail typography is also authoritative below the desktop breakpoint. */
  .seer-qa-system .seer-qa-production__intro h3,
  .seer-qa-system .seer-qa-network__intro h3,
  .seer-qa-system .seer-qa-testing__intro h3 { font:700 28px/1.12 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; letter-spacing:-.025em !important; }
  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { font:400 16px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
  .seer-qa-system .seer-qa-production__steps strong,
  .seer-qa-system .seer-qa-network__steps strong,
  .seer-qa-system .seer-qa-testing__nav-copy strong { font:400 16px/1.28 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; }
  .seer-qa-system .seer-qa-evidence h4,
  .seer-qa-system .seer-qa-network__glance h4 { font:700 20px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
  .seer-qa-system .seer-qa-production__evidence li strong,
  .seer-qa-system .seer-qa-network__glance li strong,
  .seer-qa-system .seer-qa-testing__evidence li strong { font:700 16px/1.3 "Iowan Old Style",Iowan,Baskerville,"Times New Roman",serif !important; }
  .seer-qa-system .seer-qa-production__evidence li p,
  .seer-qa-system .seer-qa-network__glance li p,
  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-testing__evidence li p { font:400 14px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif !important; }
}

/* Final desktop precedence: confirmed 03 compact reference geometry. */
@media (min-width: 1200px) {
  /* The whole 01/02/03 sequence shares the same 1440px desktop rail as the adjacent modules. */
  .seer-qa-system { margin-left: auto; margin-right: auto; max-width: var(--seer-container, 1440px); }
  .seer-qa-system__inner { max-width: 100%; }
  .seer-qa-system .seer-qa-testing { column-gap: 20px; grid-template-columns: 240px minmax(0, 1fr) 230px; grid-template-rows: 154px 470px; min-height: 0; padding: 16px 16px 14px; row-gap: 16px; }
  .seer-qa-system .seer-qa-testing__intro { grid-column: 1; grid-row: 1 / 3; padding: 22px 24px 18px 10px; }
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { margin: 14px 0 16px; }
  .seer-qa-system .seer-qa-testing__navigation { gap: 2px; }
  .seer-qa-system .seer-qa-testing__navigation button { min-height: 48px; padding: 5px 8px 5px 10px; }
  .seer-qa-system .seer-qa-testing__category-summary { margin-top: 8px; padding-top: 10px; }
  .seer-qa-system .seer-qa-testing__results { grid-column: 2; grid-row: 1; gap: 10px; }
  .seer-qa-system .seer-qa-testing__results button { grid-template-rows: 32px 50px 22px; padding: 16px 12px 13px; }
  .seer-qa-system .seer-qa-testing__result-heading strong { font-size: 14px !important; }
  .seer-qa-system .seer-qa-testing__result-value b { font-size: 27px !important; }
  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b, .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b { font-size: 22px !important; }
  .seer-qa-system .seer-qa-testing__dashboard figure { grid-column: 2; grid-row: 2; height: 470px; }
  .seer-qa-system .seer-qa-testing__status-strip { display: none; }
  .seer-qa-system .seer-qa-testing__evidence { grid-column: 3; grid-row: 1 / 3; padding: 28px 22px 18px; }
  .seer-qa-system .seer-qa-testing__evidence ul { height: calc(100% - 60px); }
  .seer-qa-system .seer-qa-testing__evidence li { grid-template-columns: 40px minmax(0, 1fr); padding: 10px 0; }
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon { height: 40px; width: 40px; }

  /* Final desktop rail type lock. It follows every legacy 03 rule so all
     three states use the 02 reference typography. */
  .seer-qa-system .seer-qa-production__intro h3,
  .seer-qa-system .seer-qa-network__intro h3,
  .seer-qa-system .seer-qa-testing__intro h3 { font: 700 28px/1.12 "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important; letter-spacing: -.025em !important; }
  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { font: 400 16px/1.55 "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
  .seer-qa-system .seer-qa-production__steps strong,
  .seer-qa-system .seer-qa-network__steps strong,
  .seer-qa-system .seer-qa-testing__nav-copy strong { font: 400 16px/1.28 "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important; }
  .seer-qa-system .seer-qa-production__evidence h4,
  .seer-qa-system .seer-qa-network__glance h4,
  .seer-qa-system .seer-qa-testing__evidence h4 { font: 700 20px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
  .seer-qa-system .seer-qa-production__evidence li strong,
  .seer-qa-system .seer-qa-network__glance li strong,
  .seer-qa-system .seer-qa-testing__evidence li strong { font: 700 16px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
  .seer-qa-system .seer-qa-production__evidence li p,
  .seer-qa-system .seer-qa-network__glance li p,
  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-testing__evidence li p { font: 400 14px/1.45 "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
}

/* Final right-rail precedence: one introduction followed by three evidence rows. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__selected,
  .seer-qa-system .seer-qa-network__selected,
  .seer-qa-system .seer-qa-testing__selected { border-bottom: 1px solid rgba(19,49,79,.10); display: block !important; flex: 0 0 auto; min-height: 112px; padding: 0 0 18px; }
  .seer-qa-system .seer-qa-production__selected strong,
  .seer-qa-system .seer-qa-network__selected strong,
  .seer-qa-system .seer-qa-testing__selected strong { color: var(--qa-ink); display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; }
  .seer-qa-system .seer-qa-production__selected p,
  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-testing__selected p { color: var(--qa-text); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; margin: 6px 0 0 !important; }
  .seer-qa-system .seer-qa-production__evidence ul:not([hidden]),
  .seer-qa-system .seer-qa-network__glance ul,
  .seer-qa-system .seer-qa-testing__evidence ul { grid-template-rows: repeat(3,minmax(0,1fr)) !important; height: calc(100% - 160px) !important; }
}

/* Final desktop alignment: the complete quality-system shell matches the
   measured desktop width of the hero trust bar: 1420px max / 36px side inset. */
@media (min-width: 1200px) {
  .seer-qa-system {
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(1420px, calc(100% - 72px)) !important;
    width: min(1420px, calc(100% - 72px)) !important;
  }

  .seer-qa-system .seer-qa-system__inner {
    box-sizing: border-box;
    max-width: 100% !important;
    width: 100% !important;
  }

  .seer-qa-system .seer-qa-production,
  .seer-qa-system .seer-qa-network,
  .seer-qa-system .seer-qa-testing {
    column-gap: 14px !important;
    grid-template-columns: 320px minmax(0, 1fr) 368px !important;
  }

  .seer-qa-system .seer-qa-production__selected p,
  .seer-qa-system .seer-qa-network__selected p,
  .seer-qa-system .seer-qa-testing__selected p,
  .seer-qa-system .seer-qa-production__evidence li p,
  .seer-qa-system .seer-qa-network__glance li p,
  .seer-qa-system .seer-qa-testing__evidence li p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }

  /* 2026-07-31 final QA rail corrections. */
  .seer-qa-system .seer-qa-production__steps strong {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.28 !important;
  }

  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    max-width: none !important;
    width: 100% !important;
  }
}

.seer-qa-system .seer-qa-production__step.is-active > strong::after,
.seer-qa-system .seer-qa-network__intro button.is-active > strong::after {
  content: none !important;
  display: none !important;
}

.seer-qa-system .seer-qa-production__steps strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
}

/* 2026-07-31 — compact 15-step desktop system.
   Each state shares one 560px shell. Current-stage context lives beside the
   navigation; the right rail is reserved for four stable evidence facts. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-system__sequence-sticky {
    padding: 26px 0 20px;
  }

  .seer-qa-system .seer-qa-system__header {
    margin-bottom: 20px;
  }

  .seer-qa-system .seer-qa-production,
  .seer-qa-system .seer-qa-network,
  .seer-qa-system .seer-qa-testing {
    grid-template-rows: 560px !important;
    height: 560px !important;
    min-height: 560px !important;
  }

  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro,
  .seer-qa-system .seer-qa-production__evidence,
  .seer-qa-system .seer-qa-network__glance,
  .seer-qa-system .seer-qa-testing__evidence,
  .seer-qa-system .seer-qa-production__visual,
  .seer-qa-system .seer-qa-network__map,
  .seer-qa-system .seer-qa-testing__dashboard,
  .seer-qa-system .seer-qa-testing__dashboard figure {
    height: 560px !important;
  }

  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro,
  .seer-qa-system .seer-qa-production__evidence,
  .seer-qa-system .seer-qa-network__glance,
  .seer-qa-system .seer-qa-testing__evidence {
    padding: 28px !important;
  }

  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    display: none !important;
  }

  .seer-qa-system .seer-qa-stage-summary {
    border-top: 2px solid var(--qa-accent);
    box-sizing: border-box;
    margin: 16px 0 12px;
    max-width: none;
    min-height: 84px;
    padding-top: 12px;
    width: 100%;
  }

  .seer-qa-system .seer-qa-stage-summary strong {
    color: var(--qa-ink);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  .seer-qa-system .seer-qa-stage-summary p {
    color: var(--qa-text);
    display: block !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    margin: 5px 0 0 !important;
  }

  .seer-qa-system .seer-qa-production__steps,
  .seer-qa-system .seer-qa-network__intro ol,
  .seer-qa-system .seer-qa-testing__intro ol {
    margin-top: 8px;
  }

  .seer-qa-system .seer-qa-production__step,
  .seer-qa-system .seer-qa-network__intro button,
  .seer-qa-system .seer-qa-testing__intro button {
    min-height: 54px !important;
  }

  .seer-qa-system .seer-qa-production__steps li:not(:last-child)::after,
  .seer-qa-system .seer-qa-network__intro li:not(:last-child)::after,
  .seer-qa-system .seer-qa-testing__intro li:not(:last-child)::after {
    height: calc(50% + 14px);
  }

  .seer-qa-system .seer-qa-production__evidence ul:not([hidden]),
  .seer-qa-system .seer-qa-network__glance ul,
  .seer-qa-system .seer-qa-testing__evidence ul {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    height: calc(100% - 62px) !important;
  }

  .seer-qa-system .seer-qa-production__evidence ul[hidden] {
    display: none !important;
  }

  .seer-qa-system .seer-qa-production__evidence li,
  .seer-qa-system .seer-qa-network__glance li,
  .seer-qa-system .seer-qa-testing__evidence li {
    align-items: center;
    column-gap: 16px !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    padding: 10px 0 !important;
  }

  .seer-qa-system .seer-qa-production__evidence .seer-qa-evidence__icon,
  .seer-qa-system .seer-qa-network__glance-icon,
  .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon {
    height: 56px !important;
    width: 56px !important;
  }

  .seer-qa-system .seer-qa-production__evidence li p,
  .seer-qa-system .seer-qa-network__glance li p,
  .seer-qa-system .seer-qa-testing__evidence li p {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
  }

  .seer-qa-system .seer-qa-production__layer,
  .seer-qa-system .seer-qa-production__frame {
    height: 88%;
    left: 6%;
    top: 5%;
    width: 88%;
  }

  .seer-qa-system .seer-qa-network__core { height: 216px !important; width: 216px !important; }
  .seer-qa-system .seer-qa-network__node { height: 136px !important; width: 136px !important; }
  .seer-qa-system .seer-qa-network__node strong { font-size: 17px !important; }
  .seer-qa-system .seer-qa-network__node small { font-size: 14px !important; }
}

/* Final precedence for the 2026-07-31 reference-fidelity desktop pass. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) { display:block !important; font-size:14px !important; line-height:1.55 !important; margin:16px 0 14px !important; max-width:252px !important; }
  .seer-qa-system .seer-qa-stage-summary { display:none !important; }
  .seer-qa-system .seer-qa-production__steps, .seer-qa-system .seer-qa-network__intro ol, .seer-qa-system .seer-qa-testing__intro ol { gap:0; margin-top:0; }
  .seer-qa-system .seer-qa-production__steps li, .seer-qa-system .seer-qa-network__intro li, .seer-qa-system .seer-qa-testing__intro li { min-height:67px; }
  .seer-qa-system .seer-qa-production__step, .seer-qa-system .seer-qa-network__intro button, .seer-qa-system .seer-qa-testing__intro button { align-items:start; border-left:3px solid transparent; border-radius:10px; column-gap:12px; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; min-height:67px !important; padding:8px 10px 8px 9px; }
  .seer-qa-system .seer-qa-production__step > span, .seer-qa-system .seer-qa-network__intro button > span, .seer-qa-system .seer-qa-testing__intro button > span { align-self:start; font-size:11px; height:34px; width:34px; }
  .seer-qa-system .seer-qa-production__step > strong, .seer-qa-system .seer-qa-network__intro button > strong, .seer-qa-system .seer-qa-testing__intro button { color:var(--qa-ink); font-size:15px !important; font-weight:700 !important; line-height:1.22 !important; }
  .seer-qa-system .seer-qa-step-description { color:var(--qa-text); display:block; font-size:12.5px !important; font-weight:400; grid-column:2; line-height:1.38 !important; margin-top:-3px; }
  .seer-qa-system .seer-qa-production__step.is-active, .seer-qa-system .seer-qa-testing__intro button.is-active { background:rgba(255,118,0,.07); border-color:rgba(255,118,0,.25); border-left-color:var(--qa-accent); }
  .seer-qa-system .seer-qa-network__intro button.is-active { background:rgba(35,170,98,.075); border-color:rgba(35,170,98,.24); border-left-color:var(--qa-green); }
  .seer-qa-system .seer-qa-production__step.is-active > span, .seer-qa-system .seer-qa-testing__intro button.is-active > span { color:#fff; }
  .seer-qa-system .seer-qa-production__step.is-active > strong::after, .seer-qa-system .seer-qa-network__intro button.is-active > strong::after, .seer-qa-system .seer-qa-testing__intro button.is-active::after { border:1px solid currentColor; border-radius:4px; color:inherit; content:'ACTIVE'; font-family:inherit; font-size:9px; font-weight:700; justify-self:end; letter-spacing:.02em; line-height:1; padding:4px 6px; }
  .seer-qa-system .seer-qa-production__step.is-active > strong, .seer-qa-system .seer-qa-testing__intro button.is-active { color:var(--qa-accent); }
  .seer-qa-system .seer-qa-network__intro button.is-active > strong { color:var(--qa-green); }
  .seer-qa-system .seer-qa-production__steps li:not(:last-child)::after, .seer-qa-system .seer-qa-network__intro li:not(:last-child)::after, .seer-qa-system .seer-qa-testing__intro li:not(:last-child)::after { height:calc(100% - 22px); left:25px; top:31px; }
  .seer-qa-system .seer-qa-network__core { height:228px !important; width:228px !important; }
  .seer-qa-system .seer-qa-network__core-icon { display:block !important; height:39px !important; margin-bottom:8px; width:39px !important; }
  .seer-qa-system .seer-qa-network__core span { display:block !important; font-size:14px !important; line-height:1.45 !important; }
  .seer-qa-system .seer-qa-network__core small { display:none !important; }

  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro { display:grid; grid-template-rows:auto auto minmax(0,1fr); }
  .seer-qa-system .seer-qa-production__steps,
  .seer-qa-system .seer-qa-network__intro ol,
  .seer-qa-system .seer-qa-testing__intro ol { display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); height:100%; min-height:0; }
  .seer-qa-system .seer-qa-production__steps li,
  .seer-qa-system .seer-qa-network__intro li,
  .seer-qa-system .seer-qa-testing__intro li { min-height:0; }
  .seer-qa-system .seer-qa-production__step,
  .seer-qa-system .seer-qa-network__intro button,
  .seer-qa-system .seer-qa-testing__intro button { height:100%; min-height:0 !important; padding:5px 8px 5px 7px; }
  .seer-qa-system .seer-qa-step-description { font-size:12px !important; line-height:1.3 !important; }
  .seer-qa-system .seer-qa-production__step.is-active::after,
  .seer-qa-system .seer-qa-network__intro button.is-active::after,
  .seer-qa-system .seer-qa-testing__intro button.is-active::after { border:1px solid currentColor; border-radius:4px; color:inherit; content:'ACTIVE'; font-family:inherit; font-size:9px; font-weight:700; letter-spacing:.02em; line-height:1; padding:4px 6px; position:absolute; right:8px; top:8px; }
  .seer-qa-system .seer-qa-production__step.is-active > strong::after,
  .seer-qa-system .seer-qa-network__intro button.is-active > strong::after,
  .seer-qa-system .seer-qa-testing__intro button.is-active::after { position:absolute; right:8px; top:8px; }
}

/* 2026-07-31 left-rail visual contract. Only the intro rail is rebuilt here;
   the middle, evidence rail and desktop 560px shared shell stay intact. */
@media (min-width: 768px) {
  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro {
    display: block !important;
    padding: 24px !important;
  }

  .seer-qa-system .seer-qa-production__intro h3,
  .seer-qa-system .seer-qa-network__intro h3,
  .seer-qa-system .seer-qa-testing__intro h3 {
    color: var(--qa-ink) !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .seer-qa-system .seer-qa-production__intro h3::after,
  .seer-qa-system .seer-qa-network__intro h3::after,
  .seer-qa-system .seer-qa-testing__intro h3::after {
    background: var(--qa-accent);
    content: "";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 44px;
  }

  .seer-qa-system .seer-qa-network__intro h3::after { background: var(--qa-green); }

  .seer-qa-system .seer-qa-production__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-network__intro > p:not(.seer-qa-panel-number),
  .seer-qa-system .seer-qa-testing__intro > p:not(.seer-qa-panel-number) {
    color: var(--qa-text) !important;
    display: block !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    margin: 10px 0 7px !important;
    max-width: none !important;
    width: auto !important;
  }

  .seer-qa-system .seer-qa-stage-summary { display: none !important; }

  .seer-qa-system .seer-qa-production__steps,
  .seer-qa-system .seer-qa-network__intro ol,
  .seer-qa-system .seer-qa-testing__intro ol {
    align-content: start;
    display: grid !important;
    gap: 0 !important;
    grid-auto-rows: auto;
    grid-template-rows: none !important;
    height: auto !important;
    list-style: none;
    margin: 0 !important;
    min-height: 0;
    padding: 0;
  }

  .seer-qa-system .seer-qa-production__steps li,
  .seer-qa-system .seer-qa-network__intro ol > li,
  .seer-qa-system .seer-qa-testing__intro ol > li {
    min-height: 64px;
    position: relative;
  }

  .seer-qa-system .seer-qa-production__step,
  .seer-qa-system .seer-qa-network__intro ol > li > button,
  .seer-qa-system .seer-qa-testing__intro ol > li > button {
    align-items: start;
    appearance: none;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-left-width: 3px !important;
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--qa-ink) !important;
    column-gap: 10px !important;
    cursor: pointer;
    display: grid !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
    min-height: 64px !important;
    padding: 6px 6px 6px 0 !important;
    position: relative;
    row-gap: 2px !important;
    text-align: left;
    width: 100%;
    z-index: 1;
  }

  .seer-qa-system .seer-qa-production__step.is-active,
  .seer-qa-system .seer-qa-testing__intro ol > li > button.is-active {
    background: rgba(255, 118, 0, .065) !important;
    border-color: rgba(255, 118, 0, .22) !important;
    border-left-color: var(--qa-accent) !important;
    min-height: 82px !important;
  }

  .seer-qa-system .seer-qa-network__intro ol > li > button.is-active {
    background: rgba(35, 170, 98, .065) !important;
    border-color: rgba(35, 170, 98, .22) !important;
    border-left-color: var(--qa-green) !important;
    min-height: 82px !important;
  }

  .seer-qa-system .seer-qa-production__step > .seer-qa-step-number,
  .seer-qa-system .seer-qa-network__intro button > .seer-qa-step-number,
  .seer-qa-system .seer-qa-testing__intro button > .seer-qa-step-number {
    align-items: center !important;
    align-self: start !important;
    background: #fff !important;
    border: 1px solid #b9c9da !important;
    border-radius: 50% !important;
    color: var(--qa-text) !important;
    display: flex !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    width: 34px !important;
    z-index: 2;
  }

  .seer-qa-system .seer-qa-production__step.is-active > .seer-qa-step-number,
  .seer-qa-system .seer-qa-testing__intro button.is-active > .seer-qa-step-number {
    background: var(--qa-accent) !important;
    border-color: var(--qa-accent) !important;
    color: #fff !important;
  }

  .seer-qa-system .seer-qa-network__intro button.is-active > .seer-qa-step-number {
    background: var(--qa-green) !important;
    border-color: var(--qa-green) !important;
    color: #fff !important;
  }

  .seer-qa-system .seer-qa-production__step > strong,
  .seer-qa-system .seer-qa-network__intro ol > li > button > strong,
  .seer-qa-system .seer-qa-testing__nav-copy strong {
    align-self: center;
    color: var(--qa-ink) !important;
    display: -webkit-box;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    grid-column: 2;
    grid-row: 1;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    max-height: 2.5em;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .seer-qa-system .seer-qa-testing__intro button > .seer-qa-testing__nav-copy {
    align-self: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .seer-qa-system .seer-qa-step-description {
    align-self: start;
    color: var(--qa-text) !important;
    display: -webkit-box !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.45 !important;
    margin: 0 !important;
    max-height: 2.9em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .seer-qa-system .seer-qa-production__step::before,
  .seer-qa-system .seer-qa-network__intro ol > li > button::before,
  .seer-qa-system .seer-qa-testing__intro ol > li > button::before {
    content: none !important;
    display: none !important;
  }

  .seer-qa-system .seer-qa-production__step::after,
  .seer-qa-system .seer-qa-network__intro ol > li > button::after,
  .seer-qa-system .seer-qa-testing__intro ol > li > button::after {
    content: none !important;
    display: none !important;
  }

  .seer-qa-system .seer-qa-production__step.is-active::after,
  .seer-qa-system .seer-qa-testing__intro ol > li > button.is-active::after {
    align-self: start;
    background: rgba(255, 118, 0, .07);
    border: 1px solid rgba(255, 118, 0, .35);
    border-radius: 5px;
    color: var(--qa-accent);
    content: "ACTIVE" !important;
    display: block !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    letter-spacing: .02em;
    line-height: 1 !important;
    padding: 4px 5px;
    position: static !important;
  }

  .seer-qa-system .seer-qa-network__intro ol > li > button.is-active::after {
    align-self: start;
    background: rgba(35, 170, 98, .07);
    border: 1px solid rgba(35, 170, 98, .34);
    border-radius: 5px;
    color: var(--qa-green);
    content: "ACTIVE" !important;
    display: block !important;
    font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    letter-spacing: .02em;
    line-height: 1 !important;
    padding: 4px 5px;
    position: static !important;
  }

  .seer-qa-system .seer-qa-production__step.is-active > strong::after,
  .seer-qa-system .seer-qa-network__intro button.is-active > strong::after {
    content: none !important;
    display: none !important;
  }

  .seer-qa-system .seer-qa-production__steps li:not(:last-child)::after,
  .seer-qa-system .seer-qa-network__intro ol > li:not(:last-child)::after,
  .seer-qa-system .seer-qa-testing__intro ol > li:not(:last-child)::after {
    background: #c8d5e2;
    content: "";
    display: block !important;
    height: 100% !important;
    left: 20px !important;
    position: absolute;
    top: 23px !important;
    width: 1px;
    z-index: 0;
  }
}



/* The rebuilt .seer-quality-timeline component owns all left-rail layout. */

/* 2026-08-02 — keep the 03 right evidence rail inside its fixed desktop panel.
   The legacy 03 rule reset this rail to block/visible while 02 remains a
   flex column, so the summary plus four evidence rows overflowed below the
   shared 560px shell. Match the 02 rail's compact distribution without
   changing its copy or the other two states. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-testing__evidence {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .seer-qa-system .seer-qa-testing__evidence ul {
    display: grid !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Keep the compact stage-summary treatment desktop-only, matching the
   existing 02/03 evidence rails when their panels stack below 1200px. */
@media (max-width: 1199px) {
  .seer-qa-system .seer-qa-production__selected { display: none !important; }
}

/* 2026-08-03 — align the desktop quality-system header to the supplied
 * reference. The display title and underline sit slightly higher, while the
 * three process labels move down to share the title's visual bottom edge. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-system__header h2 {
    transform: translateY(-8px);
  }

  .seer-qa-system .seer-qa-system__header h2::after {
    bottom: -13px;
  }

  .seer-qa-system .seer-qa-system__tabs {
    transform: translateY(17px);
  }

  .seer-qa-system .seer-qa-system__tabs > button > strong {
    font-size: 18px !important;
    line-height: 1.2 !important;
    transform: translateY(4px);
  }

  .seer-qa-system .seer-qa-system__tabs > button.is-active > strong {
    transform: translateY(0);
  }
}

/* 2026-08-03 — short desktop viewport fit.
 * The normal 560px composition remains unchanged at 844px and taller. On
 * laptop-height viewports the sticky shell gives back only vertical spacing
 * and lets the shared panel height follow the dynamic viewport; typography,
 * columns and interactions keep their approved desktop treatment. */
@media (min-width: 1200px) and (min-height: 740px) and (max-height: 843px) {
  .seer-qa-system {
    --qa-short-panel-height: clamp(500px, calc(100vh - 238px), 560px);
    --qa-short-panel-height: clamp(500px, calc(100dvh - 238px), 560px);
  }

  .seer-qa-system .seer-qa-system__sequence-sticky {
    padding: 8px 0 0;
  }

  .seer-qa-system .seer-qa-system__header {
    margin-bottom: 12px;
  }

  .seer-qa-system .seer-quality-timeline {
    padding-top: 16px;
    padding-bottom: 4px;
  }

  .seer-qa-system .seer-quality-timeline__intro {
    padding-bottom: 12px !important;
  }

  .seer-qa-system .seer-quality-timeline__steps {
    margin-top: 8px !important;
  }

  .seer-qa-system .seer-qa-production,
  .seer-qa-system .seer-qa-network,
  .seer-qa-system .seer-qa-testing {
    grid-template-rows: var(--qa-short-panel-height) !important;
    height: var(--qa-short-panel-height) !important;
    min-height: var(--qa-short-panel-height) !important;
  }

  .seer-qa-system .seer-qa-production__intro,
  .seer-qa-system .seer-qa-network__intro,
  .seer-qa-system .seer-qa-testing__intro,
  .seer-qa-system .seer-qa-production__evidence,
  .seer-qa-system .seer-qa-network__glance,
  .seer-qa-system .seer-qa-testing__evidence,
  .seer-qa-system .seer-qa-production__visual,
  .seer-qa-system .seer-qa-network__map,
  .seer-qa-system .seer-qa-testing__dashboard,
  .seer-qa-system .seer-qa-testing__dashboard figure,
  .seer-qa-system .seer-qa-testing__image {
    height: var(--qa-short-panel-height) !important;
    min-height: 0 !important;
  }
}

/* Below 740px there is no honest way to keep the approved typography and
 * 100px active stage inside one pinned screen. Release the sequence into
 * normal document flow instead of clipping content or introducing a nested
 * scrollbar. JS also tears down ScrollTrigger at this breakpoint; this rule
 * is a defensive fallback during live viewport resizing. */
@media (min-width: 1200px) and (max-height: 739px) {
  .seer-qa-system.has-sequence-scroll .seer-qa-system__sequence-track {
    min-height: auto !important;
  }

  .seer-qa-system.has-sequence-scroll .seer-qa-system__sequence-sticky {
    position: relative !important;
    top: auto !important;
  }
}

/* 2026-08-03 — rebalance the desktop evidence rails.
 * Keep the live current-stage summary, but remove its unused lower reserve so
 * the four evidence rows share the released height evenly. Typography, icons,
 * copy, panel dimensions and the responsive stack remain unchanged. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__selected,
  .seer-qa-system .seer-qa-network__selected,
  .seer-qa-system .seer-qa-testing__selected {
    min-height: 92px !important;
    padding-bottom: 10px !important;
  }

  .seer-qa-system .seer-qa-production__evidence ul:not([hidden]),
  .seer-qa-system .seer-qa-network__glance ul,
  .seer-qa-system .seer-qa-testing__evidence ul {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* 2026-08-03 — reclaim the unused lower rail gutter.
 * The four evidence rows need a little more content height at laptop-sized
 * desktops. Keep a deliberate 12px edge cushion, and return the recovered
 * space to all four rows equally so their copy clears each divider. */
@media (min-width: 1200px) {
  .seer-qa-system .seer-qa-production__evidence,
  .seer-qa-system .seer-qa-network__glance,
  .seer-qa-system .seer-qa-testing__evidence {
    padding-bottom: 12px !important;
  }
}

/* 2026-08-03 — mobile labels and testing copy. The three state controls keep
 * their existing circular geometry, but the labels return to a readable
 * 12–13px role. Production evidence descriptions are explicitly visible on
 * mobile so the current 01 panel does not appear to contain stale or missing
 * information; the text still comes from the existing dynamic stage data. */
@media (max-width: 767px) {
  .seer-qa-system .seer-qa-system__tabs > button {
    gap: 10px !important;
  }

  .seer-qa-system .seer-qa-system__tabs > button > strong {
    font-size: 12.5px !important;
    line-height: 1.18 !important;
  }

  .seer-qa-system .seer-qa-production__evidence li p {
    display: block !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 4px 0 0 !important;
  }

  .seer-qa-system .seer-qa-testing__result-heading strong {
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  .seer-qa-system .seer-qa-testing__result-value b {
    font-size: 23px !important;
  }

  .seer-qa-system .seer-qa-testing__results li:nth-child(3) .seer-qa-testing__result-value b,
  .seer-qa-system .seer-qa-testing__results li:nth-child(4) .seer-qa-testing__result-value b {
    font-size: 20px !important;
  }

  /* The five focus cards contain variable-length test names. Give them one
   * readable card per swipe position instead of forcing multi-line headings
   * into the old two-column fixed grid. */
  .seer-qa-system .seer-qa-testing__focus {
    display: flex !important;
    gap: 10px !important;
    grid-template-columns: none !important;
    grid-auto-rows: none !important;
    margin: 10px -2px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 10px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .seer-qa-system .seer-qa-testing__focus::-webkit-scrollbar {
    display: none;
  }

  .seer-qa-system .seer-qa-testing__focus li {
    flex: 0 0 min(190px, calc(100vw - 72px)) !important;
    height: 170px !important;
    min-height: 170px !important;
    scroll-snap-align: start;
  }

  .seer-qa-system .seer-qa-testing__focus button {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    height: 170px !important;
    justify-content: space-between !important;
    padding: 12px 10px 10px !important;
  }

  .seer-qa-system .seer-qa-testing__focus-heading {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 0 !important;
    text-align: center !important;
  }

  .seer-qa-system .seer-qa-testing__focus strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    text-align: center !important;
  }

  .seer-qa-system .seer-qa-testing__focus b {
    display: block !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .seer-qa-system .seer-qa-testing__focus-unit,
  .seer-qa-system .seer-qa-testing__focus small {
    display: block !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
}

/* 2026-08-03 — mobile 03 follows the approved desktop canvas: the main
 * generator image is the only dashboard visual. Keep the left process rail
 * and right evidence intact, but remove the extra metric/result cards above
 * and below the image. The 03 heading and process labels use the same Iowan
 * display role as the desktop version; mobile timeline connectors are omitted
 * to keep the step row quiet and legible. */
@media (max-width: 767px) {
  .seer-qa-system .seer-quality-timeline--testing h3 {
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    line-height: 1.12 !important;
  }

  .seer-qa-system .seer-quality-timeline--testing .seer-quality-timeline__copy strong {
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1.28 !important;
  }

  .seer-qa-system .seer-quality-timeline--testing .seer-quality-timeline__step-item:not(:last-child)::after {
    display: none !important;
  }

  .seer-qa-system .seer-qa-testing__metrics,
  .seer-qa-system .seer-qa-testing__focus,
  .seer-qa-system .seer-qa-testing__results,
  .seer-qa-system .seer-qa-testing__status-strip {
    display: none !important;
  }

  .seer-qa-system .seer-qa-testing__dashboard {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    margin: 14px 0 0 !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .seer-qa-system .seer-qa-testing__dashboard figure {
    aspect-ratio: 4 / 3;
    border-radius: 10px !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
}

/* 2026-08-03 — mobile sequence control calibration. Increase the three
 * module labels by 2px and move the circles and labels together below the
 * editorial heading, matching the supplied mobile reference. */
@media (max-width: 767px) {
  .seer-qa-system .seer-qa-system__tabs {
    transform: translateY(7px);
  }

  .seer-qa-system .seer-qa-system__tabs > button > strong,
  .seer-qa-system .seer-qa-system__tabs > button.is-active > strong {
    font-size: 14.5px !important;
    line-height: 1.16 !important;
    transform: translateY(2px) !important;
  }
}

/* 2026-08-04 — remove the decorative module progress rail. The three
 * numbered controls remain self-contained targets; a connecting rule reads
 * as a strike-through at narrow widths and competes with their labels. */
.seer-qa-system .seer-qa-system__track {
  display: none !important;
}

.seer-qa-system .seer-qa-system__tabs > button > strong {
  font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
}

/* The mobile artwork is a responsive enhancement; desktop keeps the original
 * live network geometry. */
.seer-qa-system .seer-qa-network__mobile-art {
  display: none;
}

/* 2026-08-03 — mobile 02 network artwork. The generated portrait artwork is
 * a quiet base layer; the live HTML nodes, labels and buttons remain above it
 * so stage selection and accessibility continue to work. */
@media (max-width: 767px) {
  .seer-qa-system .seer-qa-network__map::before,
  .seer-qa-system .seer-qa-network__rings,
  .seer-qa-system .seer-qa-network__node::after {
    display: none !important;
  }

  .seer-qa-system .seer-qa-network__map {
    aspect-ratio: 4 / 5 !important;
    background: #fbfdfe !important;
  }

  .seer-qa-system .seer-qa-network__mobile-art {
    display: block !important;
    height: 100% !important;
    inset: 0;
    object-fit: cover;
    object-position: center;
           opacity: .16;
    pointer-events: none;
    position: absolute;
    width: 100% !important;
    z-index: 0;
  }

  .seer-qa-system .seer-qa-network__core,
  .seer-qa-system .seer-qa-network__node,
  .seer-qa-system .seer-qa-network__legend {
    z-index: 2;
  }
}

/* 2026-08-04 - restore the shared module track. The buttons stay above the
 * rule, so the line joins their circle centres without crossing the labels. */
.seer-qa-system .seer-qa-system__track {
  display: block !important;
  z-index: 1 !important;
  pointer-events: none;
}

.seer-qa-system .seer-qa-system__track i {
  display: block !important;
}

@media (max-width: 767px) {
  .seer-qa-system .seer-qa-system__track {
    left: 16.67% !important;
    right: 16.67% !important;
    top: 22px !important;
  }
}


/* quality-system-mobile.css */
/*
 * Quality System mobile presentation layer.
 *
 * The rules below are intentionally scoped to the mobile rebuild class. The
 * desktop three-column system remains owned by quality-system.css.
 */

.seer-qa-mobile-mount,
.seer-qa-mobile-view {
  display: none;
}

@media (max-width: 767px) {
  /* This stylesheet is only loaded on the QA page; clip the document root as
   * well as so the engineering peek cannot add a second scroll strip. */
  html {
    overflow-x: clip !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt {
    --qa-mobile-gutter: 16px;
    --qa-mobile-navy: #071b3b;
    --qa-mobile-body: #405773;
    --qa-mobile-muted: #7587a0;
    --qa-mobile-border: #d7e1ec;
    --qa-mobile-surface: #ffffff;
    --qa-mobile-cool: #f7fafc;
    --qa-mobile-orange: #f45a16;
    --qa-mobile-orange-soft: #fff6f0;
    --qa-mobile-green: #15945d;
    --qa-mobile-green-soft: #eef9f3;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 26px var(--qa-mobile-gutter) 48px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100% !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt,
  .seer-qa-system.seer-qa-mobile-rebuilt * {
    box-sizing: border-box;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__inner,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__sequence-track,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__sequence-sticky {
    height: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__sequence-track {
    min-height: 0 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header {
    display: block !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header > div:first-child {
    text-align: center !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-eyebrow {
    color: var(--qa-mobile-orange) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .22em !important;
    line-height: 1.25 !important;
    margin: 0 0 12px !important;
    text-align: center !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2 {
    color: var(--qa-mobile-navy) !important;
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
    font-size: clamp(31px, 9vw, 40px) !important;
    font-weight: 700 !important;
    letter-spacing: -.045em !important;
    line-height: .98 !important;
    margin: 0 !important;
    max-width: none !important;
    text-align: center !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2::after {
    background: var(--qa-mobile-orange) !important;
    bottom: -17px !important;
    height: 2px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) rotate(-4deg) !important;
    width: 94px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs {
    align-items: start !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 39px 0 27px !important;
    min-height: 82px !important;
    position: relative !important;
    transform: none !important;
    width: 100% !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__track {
    background: #cbd8e6 !important;
    display: block !important;
    height: 1px !important;
    left: 16.66% !important;
    right: 16.66% !important;
    top: 24px !important;
    z-index: 0 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__track i {
    background: var(--qa-mobile-orange) !important;
    display: block !important;
    height: 1px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--qa-mobile-muted) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    min-height: 76px !important;
    min-width: 44px !important;
    padding: 0 2px !important;
    position: relative !important;
    text-align: center !important;
    transform: none !important;
    z-index: 2 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button > span {
    align-items: center !important;
    background: var(--qa-mobile-surface) !important;
    border: 1px solid #c5d3e2 !important;
    border-radius: 50% !important;
    color: #637895 !important;
    display: flex !important;
    flex: 0 0 46px !important;
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: 46px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    width: 46px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button.is-active {
    color: var(--qa-mobile-navy) !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button.is-active > span {
    background: var(--qa-mobile-orange) !important;
    border-color: var(--qa-mobile-orange) !important;
    box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(244, 90, 22, .24) !important;
    color: #fff !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button > strong,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button.is-active > strong {
    color: currentColor !important;
    display: block !important;
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    max-width: 112px !important;
    min-height: 30px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__panel {
    display: none !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__panel.is-active {
    display: block !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__panel[hidden] {
    display: none !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-source {
    display: none !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-mount {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view {
    background: var(--qa-mobile-surface);
    border: 1px solid var(--qa-mobile-border);
    border-radius: 22px;
    color: var(--qa-mobile-navy);
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header {
    align-items: center;
    border-bottom: 1px solid var(--qa-mobile-border);
    display: grid;
    gap: 12px;
    grid-template-columns: 58px minmax(0, 1fr);
    margin: 0 0 16px;
    padding: 0 0 15px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile {
    align-items: center;
    background: var(--qa-mobile-orange-soft);
    border: 1px solid rgba(244, 90, 22, .18);
    border-radius: 14px;
    display: flex;
    height: 58px;
    justify-content: center;
    overflow: hidden;
    width: 58px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view--quality .seer-qa-mobile-module-header__tile {
    background: var(--qa-mobile-green-soft);
    border-color: rgba(21, 148, 93, .20);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile img {
    display: block;
    height: 42px;
    object-fit: contain;
    width: 42px;
  }

  /* The generated icons have intentionally transparent canvases with different
   * visible bounds. These tiny visual corrections center the drawn subject in
   * the same tile, not merely the bitmap box. */
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile--production img {
    transform: translate(-9%, -7%);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile--quality img {
    transform: translate(-8%, -8%);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile--testing img {
    transform: translate(-2%, 3%);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__copy {
    min-width: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header h3 {
    color: var(--qa-mobile-navy);
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif;
    font-size: clamp(25px, 7vw, 32px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.03;
    margin: 0 0 8px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header p {
    color: var(--qa-mobile-body);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel {
    margin: 0;
    min-width: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__media {
    aspect-ratio: 1.38 / 1;
    background: var(--qa-mobile-cool);
    border: 1px solid var(--qa-mobile-border);
    border-radius: 16px;
    min-width: 0;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel--testing .seer-qa-mobile-carousel__media {
    aspect-ratio: 1.43 / 1;
    background: #edf2f7;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__image {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel--testing .seer-qa-mobile-carousel__image {
    object-fit: cover;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__arrow {
    align-items: center;
    background: rgba(255, 255, 255, .95);
    border: 1px solid var(--qa-mobile-border);
    border-radius: 50%;
    color: var(--qa-mobile-navy);
    cursor: pointer;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 23px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    width: 44px;
    z-index: 2;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__arrow:hover,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__arrow:focus-visible {
    background: #fff;
    border-color: var(--qa-mobile-orange);
    color: var(--qa-mobile-orange);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__arrow--previous {
    left: 10px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__arrow--next {
    right: 10px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__dots {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__dot {
    background: #c6d1de;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 7px;
    padding: 0;
    width: 7px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__dot.is-active {
    background: var(--qa-mobile-orange);
    border-radius: 8px;
    width: 18px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current {
    align-items: center;
    border: 1px solid rgba(244, 90, 22, .34);
    border-left: 3px solid var(--qa-mobile-orange);
    border-radius: 15px;
    display: grid;
    gap: 11px;
    grid-template-columns: 42px minmax(0, 1fr);
    margin: 13px 0 14px;
    min-height: 100px;
    padding: 13px 13px 13px 11px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current--orange {
    background: var(--qa-mobile-orange-soft);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current--green {
    background: var(--qa-mobile-green-soft);
    border-color: rgba(21, 148, 93, .32);
    border-left-color: var(--qa-mobile-green);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__number {
    align-items: center;
    background: var(--qa-mobile-orange);
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    justify-content: center;
    width: 42px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(21, 148, 93, .24);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon img {
    display: block;
    height: 34px;
    object-fit: contain;
    width: 34px;
  }

  /* The generated v2 icons are already centered on transparent 512px canvases;
   * keep the five quality-stage detail icons optically centered in their circles. */
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon[data-icon-key="iqc"] img,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon[data-icon-key="ipqc"] img,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon[data-icon-key="fqc"] img,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon[data-icon-key="oqc"] img,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__icon[data-icon-key="qa"] img {
    transform: none;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy {
    min-width: 0;
    position: relative;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy strong {
    color: var(--qa-mobile-navy);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 6px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy p {
    color: var(--qa-mobile-body);
    font-size: 14px;
    line-height: 1.42;
    margin: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail {
    align-items: center;
    grid-template-columns: 48px minmax(0, 1fr);
    margin-top: 13px;
    min-height: 100px;
  }


  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__bullets {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__bullets li {
    color: var(--qa-mobile-body);
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 4px;
    padding-left: 14px;
    position: relative;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__bullets li::before {
    background: var(--qa-mobile-green);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: .55em;
    width: 5px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-annotations {
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-annotations.is-muted {
    opacity: .45;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-annotation {
    background: rgba(255, 255, 255, .95);
    border: 1px solid var(--qa-mobile-border);
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(7, 27, 59, .08);
    color: var(--qa-mobile-navy);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 9px;
    position: absolute;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-annotation--load {
    left: 10px;
    top: 10px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-annotation--protection {
    bottom: 10px;
    right: 10px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-caption {
    min-height: 78px;
    padding: 13px 8px 7px;
    text-align: center;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-caption strong {
    color: var(--qa-mobile-navy);
    display: block;
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.15;
    margin: 0 0 7px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-testing-caption p {
    color: var(--qa-mobile-body);
    font-size: 14px;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 310px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 14px;
    min-height: 46px;
    touch-action: pan-y;
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls--production,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls--quality {
    margin-top: -1px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls--quality .seer-qa-mobile-carousel__dot.is-active {
    background: var(--qa-mobile-green);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls .seer-qa-mobile-carousel__arrow {
    position: static;
    transform: none;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__controls .seer-qa-mobile-carousel__dots {
    flex: 0 0 auto;
    justify-content: center;
    margin-inline: auto;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence {
    border: 1px solid var(--qa-mobile-border);
    border-radius: 16px;
    margin: 14px 0 0;
    padding: 14px 12px 13px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence h4 {
    color: var(--qa-mobile-navy);
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 14px;
    padding-bottom: 10px;
    position: relative;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence h4::after {
    background: var(--qa-mobile-orange);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 38px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view--quality .seer-qa-mobile-evidence h4::after {
    background: var(--qa-mobile-green);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__card {
    align-items: flex-start;
    background: var(--qa-mobile-cool);
    border: 1px solid var(--qa-mobile-border);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    min-height: 126px;
    min-width: 0;
    padding: 10px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__icon {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    margin: 0 0 8px;
    width: 38px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view--quality .seer-qa-mobile-evidence__icon {
    background: #f3fbf6;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__icon img {
    display: block;
    height: 27px;
    object-fit: contain;
    width: 27px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy {
    min-width: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy strong {
    color: var(--qa-mobile-navy);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.22;
    margin: 0 0 4px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy p {
    color: var(--qa-mobile-body);
    font-size: 13px;
    line-height: 1.38;
    margin: 0;
  }

  @media (min-width: 380px) {
    .seer-qa-system.seer-qa-mobile-rebuilt {
      --qa-mobile-gutter: 18px;
      padding-top: 29px !important;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view {
      padding: 12px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__card {
      min-height: 132px;
      padding: 11px;
    }
  }

  @media (min-width: 420px) {
    .seer-qa-system.seer-qa-mobile-rebuilt {
      --qa-mobile-gutter: 20px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view {
      padding: 14px;
    }
  }

  @media (max-width: 379px) {
    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2 {
      font-size: 30px !important;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view {
      padding: 10px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header {
      gap: 10px;
      grid-template-columns: 54px minmax(0, 1fr);
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile {
      height: 54px;
      width: 54px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header h3 {
      font-size: 24px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header p {
      font-size: 14px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence {
      padding-left: 10px;
      padding-right: 10px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__grid {
      gap: 8px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__card {
      min-height: 119px;
      padding: 9px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy strong {
      font-size: 13px;
    }

    .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy p {
      font-size: 12.5px;
    }
  }

  /* The shared heading must stay on one line without creating a page-wide
   * scroll strip at the narrowest accepted widths. */
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2 {
    font-size: clamp(30px, 8.25vw, 35px) !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy p,
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__bullets li,
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence__copy p {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy p,
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__bullets li {
    font-size: 14px !important;
  }

  body.quality-assurance-document main {
    max-width: 100%;
    overflow-x: clip;
  }


  /* Mobile 02 uses one generated, high-resolution artwork. CSS only sizes the
   * artwork and supplies invisible touch targets; the diagram's nodes, icons,
   * typography and connector curves are authored in the WebP asset. */
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network {
    background: #fff;
    border: 0;
    border-radius: 0;
    margin: 0;
    min-width: 0;
    overflow: visible;
    position: relative;
    touch-action: pan-y;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__stage {
    aspect-ratio: 760 / 620;
    min-width: 0;
    overflow: visible;
    position: relative;
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__image {
    aspect-ratio: 760 / 620;
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    user-select: none;
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__hotspot {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 18px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    min-height: 44px;
    min-width: 44px;
    padding: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__hotspot:focus-visible {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0 2px #15945d;
    outline: 2px solid #15945d;
    outline-offset: 3px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__hotspot[aria-pressed="true"] {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  /* Stage Evidence uses one shared mobile card: a 52px transparent icon rail,
   * then aligned title/copy. The component is reused for all three views. */
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact {
    border: 0;
    border-radius: 0;
    margin: 18px 0 0;
    padding: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__heading {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr);
    margin: 0 0 16px;
    min-height: 44px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__heading-icon {
    display: block;
    height: 44px;
    object-fit: contain;
    width: 44px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact h4 {
    font-size: 20px;
    line-height: 1.15;
    margin: 0;
    padding-bottom: 8px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__grid {
    display: grid;
    gap: 13px;
    grid-template-columns: minmax(0, 1fr);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__card {
    align-items: center;
    background: #fff;
    border: 1px solid var(--qa-mobile-border);
    border-radius: 15px;
    column-gap: 14px;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    grid-template-rows: auto auto;
    min-height: 96px !important;
    padding: 12px 16px;
    row-gap: 6px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__icon {
    align-items: center;
    align-self: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex;
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 56px;
    justify-content: center;
    margin: 0;
    width: 60px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__icon img {
    display: block;
    height: 52px;
    object-fit: contain;
    width: 52px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy {
    display: contents;
    min-width: 0;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy strong {
    align-self: start;
    color: var(--qa-mobile-navy);
    display: block;
    font-size: 18px !important;
    font-weight: 700;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.25 !important;
    margin: 0;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy p {
    color: var(--qa-mobile-body);
    display: -webkit-box;
    font-size: 14px !important;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.5 !important;
    margin: 0;
    max-height: calc(1.5em * 2);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  @media (prefers-reduced-motion: reduce) {
    .seer-qa-system.seer-qa-mobile-rebuilt * {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }
}


/* 2026-08-05 final mobile visual system. This block intentionally lives after
 * the historical mobile calibration rules so the shared components have one
 * final source of truth at <=767px; desktop selectors are never reached. */
@media (max-width: 767px) {
  html,
  {
    overflow-x: clip !important;
  }

  {
    --qa-mobile-page-gutter: 16px;
    --qa-mobile-section-gap: 48px;
  }

  main {
    overflow-x: clip;
  }

  .seer-qa-hero,
  .seer-qa-live,
  .seer-qa-tour,
  .seer-qa-comparison,
  .seer-qa-certifications,
  .seer-qa-faq {
    box-sizing: border-box;
    width: 100%;
  }

  .seer-qa-hero__copy {
    padding: 34px var(--qa-mobile-page-gutter) 28px !important;
  }

  .seer-qa-hero__copy .seer-qa-eyebrow,
  .seer-qa-certifications .seer-qa-eyebrow,
  .seer-qa-faq .seer-qa-eyebrow {
    font-size: 12px !important;
    letter-spacing: .22em !important;
    line-height: 1.25 !important;
  }

  .seer-qa-hero__description {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
  }

  .seer-qa-hero__media {
    margin: 0 var(--qa-mobile-page-gutter) !important;
    width: calc(100% - (var(--qa-mobile-page-gutter) * 2)) !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt {
    --qa-mobile-gutter: var(--qa-mobile-page-gutter);
    padding: 22px var(--qa-mobile-page-gutter) 42px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header {
    margin-bottom: 24px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2 {
    font-size: clamp(36px, 9.6vw, 40px) !important;
    line-height: 1.06 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__header h2::after {
    bottom: -13px !important;
    width: 84px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs {
    margin: 34px 0 24px !important;
    min-height: 78px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button {
    gap: 7px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button > strong,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-system__tabs > button.is-active > strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-view {
    border-radius: 20px;
    padding: 14px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header {
    gap: 14px;
    grid-template-columns: 52px minmax(0, 1fr);
    margin-bottom: 18px;
    padding-bottom: 16px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile {
    border-radius: 13px;
    height: 52px;
    width: 52px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header__tile img {
    height: 40px;
    width: 40px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header h3 {
    font-size: clamp(27px, 7.5vw, 30px) !important;
    line-height: 1.12 !important;
    margin-bottom: 6px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-module-header p {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-carousel__media {
    border-radius: 16px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current {
    min-height: 92px !important;
    padding: 15px 16px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy strong {
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-current__copy p {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail {
    align-items: center;
    min-height: 96px !important;
    padding: 15px 16px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__head {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 9px;
    min-width: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail__head strong {
    font-size: 17px !important;
    line-height: 1.25 !important;
  }


  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail .seer-qa-mobile-current__copy p {
    margin-top: 5px;
    max-height: calc(1.5em * 2);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network {
    margin: -2px 0 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__stage,
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__image {
    width: 100%;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact {
    margin-top: 18px;
    padding: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__heading {
    gap: 12px;
    grid-template-columns: 44px minmax(0, 1fr);
    margin-bottom: 14px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__heading-icon {
    height: 42px;
    width: 42px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact h4 {
    font-size: 20px !important;
    line-height: 1.16 !important;
    padding-bottom: 6px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__grid {
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__card {
    align-items: center;
    background: #fff !important;
    border: 1px solid var(--qa-mobile-border) !important;
    border-radius: 15px;
    box-shadow: none;
    column-gap: 14px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: none;
    min-height: 88px !important;
    padding: 15px 16px !important;
    row-gap: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__icon {
    align-items: center;
    display: flex;
    grid-column: 1;
    grid-row: 1;
    height: 42px;
    justify-content: center;
    width: 42px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__icon img {
    height: 40px;
    width: 40px;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy {
    display: flex;
    flex-direction: column;
    gap: 5px;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy strong {
    align-self: flex-start;
    color: var(--qa-mobile-navy);
    display: block;
    font-size: 16.5px !important;
    font-weight: 700;
    line-height: 1.28 !important;
    margin: 0;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-evidence--compact .seer-qa-mobile-evidence__copy p {
    color: var(--qa-mobile-body);
    display: -webkit-box;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0;
    max-height: calc(1.5em * 2);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* Certifications becomes a native touch rail. The neutral certificate icon
   * stays a placeholder; no official mark or certificate claim is fabricated. */
  .seer-qa-certifications--mobile-carousel {
    padding: 0 !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__inner {
    display: block;
    max-width: none;
    padding: 44px var(--qa-mobile-page-gutter) 46px !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__inner > header {
    margin: 0 0 24px;
    position: static;
  }

  .seer-qa-certifications--mobile-carousel h2 {
    font-size: clamp(36px, 10vw, 42px) !important;
    line-height: 1.06 !important;
  }

  .seer-qa-certifications--mobile-carousel header > p:last-child {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
    margin-top: 14px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__grid {
    display: flex;
    gap: 12px;
    grid-template-columns: none;
    margin: 0;
    max-width: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 0 4px;
    scroll-padding-inline: var(--qa-mobile-page-gutter);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__grid::-webkit-scrollbar {
    display: none;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card {
    align-items: center;
    border-radius: 16px;
    box-shadow: none;
    flex: 0 0 min(82vw, 330px);
    height: 232px;
    min-height: 232px;
    padding: 18px 18px 20px;
    scroll-snap-align: start;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__mark {
    height: 58px;
    margin-bottom: 14px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__placeholder {
    height: 58px;
    width: 58px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card > strong {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card > small {
    font-size: 11px !important;
    margin-top: 7px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card > p {
    font-size: 14px !important;
    line-height: 1.48 !important;
    margin: 12px 0 0;
    max-width: 250px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__pager {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 10px 0 0;
    min-height: 44px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__dot {
    appearance: none;
    background: #c7d5e4;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    height: 8px;
    margin: 0;
    min-height: 8px;
    min-width: 8px;
    padding: 0;
    transition: background-color .2s ease, width .2s ease;
    width: 8px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__dot.is-active,
  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__dot[aria-selected="true"] {
    background: var(--qa-mobile-green, #15945d);
    width: 20px;
  }

  .seer-qa-live,
  .seer-qa-tour,
  .seer-qa-comparison,
  .seer-qa-faq {
    padding-bottom: var(--qa-mobile-section-gap) !important;
    padding-top: var(--qa-mobile-section-gap) !important;
  }

  .seer-qa-live__copy,
  .seer-qa-tour__intro,
  .seer-qa-comparison__inner,
  .seer-qa-faq__inner {
    margin-left: var(--qa-mobile-page-gutter) !important;
    margin-right: var(--qa-mobile-page-gutter) !important;
    width: calc(100% - (var(--qa-mobile-page-gutter) * 2)) !important;
  }

  .seer-qa-live h2,
  .seer-qa-tour h2,
  .seer-qa-comparison h2,
  .seer-qa-faq h2 {
    font-size: clamp(36px, 10vw, 42px) !important;
    line-height: 1.06 !important;
  }

  .seer-qa-live__copy > p,
  .seer-qa-tour__intro > p,
  .seer-qa-comparison__header > p:last-child,
  .seer-qa-faq__header > p:last-child {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
  }

  .seer-qa-faq__list details[open] {
    margin-bottom: 0;
  }

  .seer-qa-faq__list summary {
    font-size: 16px !important;
    line-height: 1.35 !important;
    min-height: 58px !important;
  }
}

@media (max-width: 379px) {
  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__grid {
    gap: 4px;
  }
}

@media (min-width: 380px) and (max-width: 767px) {
  {
    --qa-mobile-page-gutter: 18px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__grid {
    gap: 10px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card {
    flex-basis: min(80vw, 330px);
  }
}

@media (min-width: 420px) and (max-width: 767px) {
  {
    --qa-mobile-page-gutter: 20px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__grid {
    gap: 12px;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card {
    flex-basis: min(78vw, 330px);
  }
}

/* 2026-08-05 mobile density closeout. Keep type sizes and desktop geometry
 * unchanged; this only removes duplicate mobile section and card whitespace. */
@media (max-width: 767px) {
  {
    --qa-mobile-section-gap: 32px;
  }

  .seer-qa-hero__copy {
    padding: 24px var(--qa-mobile-page-gutter) 20px !important;
  }

  .seer-qa-hero h1 {
    margin-bottom: 18px !important;
  }

  .seer-qa-hero .seer-qa-button--primary {
    margin-top: 20px !important;
    min-height: 46px !important;
  }

  .seer-qa-hero__trust {
    margin-top: -58px !important;
    padding: 4px 10px !important;
  }

  .seer-qa-hero__trust li {
    gap: 8px !important;
    min-height: 88px !important;
    padding: 10px 6px !important;
  }

  .seer-qa-hero__trust-icon {
    flex-basis: 38px !important;
    height: 38px !important;
    width: 38px !important;
  }

  .seer-qa-hero__trust strong {
    font-size: 13px !important;
  }

  .seer-qa-comparison {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
  }

  .seer-qa-comparison__header {
    margin-bottom: 14px !important;
  }

  .seer-qa-comparison__tabs {
    margin-bottom: 12px !important;
  }

  .seer-qa-comparison__visual {
    padding: 10px !important;
  }

  .seer-qa-comparison__hero {
    height: 190px !important;
  }

  .seer-qa-comparison__details {
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .seer-qa-comparison__detail {
    min-height: 160px !important;
  }

  .seer-qa-comparison__detail img {
    height: 76px !important;
  }

  .seer-qa-comparison__table > .seer-qa-comparison__column-head {
    min-height: 62px !important;
    padding: 14px 18px !important;
  }

  .seer-qa-comparison__table > [data-comparison-rows] {
    padding: 6px 10px 8px !important;
  }

  .seer-qa-comparison__row {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
  }

  .seer-qa-comparison__row-head {
    height: 30px !important;
    padding: 0 4px 5px !important;
  }

  .seer-qa-comparison__cell {
    padding: 11px 14px !important;
  }

  .seer-qa-live {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
  }

  .seer-qa-live__stage {
    margin-bottom: 28px !important;
    margin-top: 28px !important;
    padding: 30px 18px 18px !important;
  }

  .seer-qa-live__description {
    margin-bottom: 20px !important;
    margin-top: 16px !important;
  }

  .seer-qa-live ul {
    gap: 4px !important;
    margin-bottom: 22px !important;
  }

  .seer-qa-live li {
    gap: 14px !important;
    grid-template-columns: 52px 1fr !important;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }

  .seer-qa-live__icon {
    height: 50px !important;
    padding: 8px !important;
    width: 50px !important;
  }

  .seer-qa-live li span {
    font-size: 14px !important;
  }

  .seer-qa-tour {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
  }

  .seer-qa-tour__inner {
    padding-bottom: 36px !important;
    padding-top: 36px !important;
  }

  .seer-qa-tour__advantages {
    margin-top: 6px !important;
  }

  .seer-qa-tour__advantages li {
    padding: 18px 12px !important;
  }

  .seer-qa-tour__icon {
    height: 50px !important;
    margin-bottom: 10px !important;
    width: 50px !important;
  }

  .seer-qa-tour__advantages span {
    margin-top: 6px !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__inner {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__inner > header {
    margin-bottom: 18px !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__card {
    height: 220px !important;
    min-height: 220px !important;
    padding: 16px !important;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__pager {
    margin-top: 6px !important;
    min-height: 36px !important;
  }

  .seer-qa-faq {
    padding-bottom: 32px !important;
    padding-top: 32px !important;
  }

  .seer-qa-faq__header {
    margin-bottom: 16px !important;
  }
}

/* 2026-08-05 mobile interaction and order refinement. The generated network
 * remains the visual base; only the active hotspot outline is interactive. */
@media (max-width: 767px) {
  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-network__hotspot[aria-pressed="true"] {
    background: rgba(21, 148, 93, .045) !important;
    border: 1.5px solid var(--qa-mobile-green, #15945d) !important;
    border-radius: 10px;
    box-shadow: none;
  }

  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__dot.is-active,
  .seer-qa-certifications--mobile-carousel .seer-qa-certifications__dot[aria-selected="true"] {
    background: var(--qa-accent, #f45a16) !important;
  }

  .seer-qa-live__stage {
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .seer-qa-live__copy {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .seer-qa-tour__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding-left: var(--qa-mobile-page-gutter) !important;
    padding-right: var(--qa-mobile-page-gutter) !important;
  }

  .seer-qa-tour__intro {
    display: contents !important;
  }

  .seer-qa-tour__intro > .seer-qa-eyebrow {
    margin: 0 0 10px !important;
    order: 1;
  }

  .seer-qa-tour__intro > .seer-qa-panel-number {
    display: none !important;
  }

  .seer-qa-tour__intro > h2 {
    margin: 0 !important;
    order: 2;
  }

  .seer-qa-tour__intro > p:not(.seer-qa-eyebrow) {
    margin: 16px 0 0 !important;
    order: 3;
  }

  .seer-qa-tour__media {
    margin: 22px 0 0 !important;
    order: 4 !important;
    width: 100% !important;
  }

  .seer-qa-tour__intro > .seer-qa-tour__launch {
    align-self: flex-start;
    margin: 18px 0 0 !important;
    order: 5;
  }

  .seer-qa-tour__advantages {
    margin-top: 24px !important;
    order: 6;
    width: 100%;
  }

  .seer-qa-tour__modal {
    order: 7;
  }
}

/* 2026-08-05 final mobile alignment pass. The hero trust rail is a true
 * edge-to-edge strip; the quality detail card grows with its copy. */
@media (max-width: 767px) {
  .seer-qa-hero__trust {
    border-radius: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
  }

  .seer-qa-hero__trust strong {
    font-size: 15px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail {
    align-items: center;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px 20px !important;
  }

  .seer-qa-system.seer-qa-mobile-rebuilt .seer-qa-mobile-quality-detail .seer-qa-mobile-current__copy p {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
  }
}


/* quality-timeline.css */
/*
 * Quality System left timeline
 *
 * This is the only stylesheet for the three left-hand stage rails.  The old
 * production/network/testing rail selectors intentionally do not participate
 * in this component; keeping the rail in one namespace prevents historical
 * panel rules from leaking into the rebuilt timeline.
 */
.seer-quality-timeline {
  --timeline-accent: var(--qa-accent);
  --timeline-tint: rgba(255, 246, 239, 0.9);
  --timeline-border: var(--qa-accent);
  --timeline-number-border: #b8c9dc;
  --timeline-copy: #0a2144;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  height: 100%;
  padding: 24px 24px 20px;
  border: 1px solid #d6e1ed;
  border-radius: 17px;
  background: linear-gradient(145deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 10px 24px rgba(14, 40, 73, 0.035);
  color: var(--timeline-copy);
}

.seer-quality-timeline--green {
  --timeline-accent: #15945d;
  --timeline-tint: rgba(237, 249, 242, 0.94);
  --timeline-border: var(--qa-green);
}

/* The testing dashboard spans its two existing grid rows, just as the old
 * left panel did.  The center and evidence panels keep their existing tracks. */
.seer-quality-timeline--testing {
  grid-column: 1;
  grid-row: 1 / 3;
}

.seer-quality-timeline h3 {
  margin: 0;
  color: var(--timeline-copy);
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em;
}

/* The site type-scale intentionally applies !important values to every
 * `main` heading and paragraph.  This component keeps the global font-family,
 * while its approved timeline sizes need a more specific local rule. */
body:is(#seer-global-type-scale, body):not(.resources-document):not(.about-document)
  main .seer-quality-timeline h3 {
  font-size: 25px !important;
  line-height: 1.14 !important;
}

.seer-quality-timeline__accent {
  display: block;
  width: 44px;
  height: 2px;
  margin-top: 11px;
  background: var(--timeline-accent);
}

.seer-quality-timeline__intro {
  max-width: 100%;
  margin: 13px 0 17px;
  color: #536a86;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.52 !important;
}

body:is(#seer-global-type-scale, body):not(.resources-document):not(.about-document)
  main .seer-quality-timeline__intro {
  font-size: 15px !important;
  line-height: 1.52 !important;
}

.seer-quality-timeline__steps {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  position: relative;
  z-index: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Segment the guide at each row so it always runs from one circle centre to
 * the next, even while an active row expands. Circles and surfaces sit above. */
.seer-quality-timeline__steps::before {
  display: none;
}

.seer-quality-timeline__step-item {
  flex: 0 0 auto;
  position: relative;
  min-height: 50px;
  margin: 0;
  padding: 0;
}

.seer-quality-timeline__step-item:not(:last-child)::after {
  position: absolute;
  z-index: 0;
  top: 25px;
  bottom: 0;
  left: 17px;
  width: 1px;
  background: #c7d5e4;
  content: "";
  pointer-events: none;
}

.seer-quality-timeline__step {
  position: relative;
  display: block;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--timeline-copy);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: min-height 200ms ease, opacity 200ms ease;
}

.seer-quality-timeline__number {
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 0;
  display: flex;
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--timeline-number-border);
  border-radius: 50%;
  background: #ffffff;
  color: #3e5876;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.seer-quality-timeline__surface {
  position: relative;
  display: block;
  min-height: 50px;
  box-sizing: border-box;
  margin-left: 34px;
  padding: 11px 8px 9px 18px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  transition: min-height 200ms ease, background-color 200ms ease, border-color 200ms ease,
    transform 200ms ease;
}

.seer-quality-timeline__copy {
  display: block;
  min-width: 0;
}

.seer-quality-timeline__copy strong {
  display: block;
  margin: 0;
  color: var(--timeline-copy);
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

.seer-quality-timeline__description {
  display: block;
  max-width: 100%;
  max-height: 0;
  margin: 0;
  color: #536a86;
  font-size: 12.5px !important;
  font-weight: 400;
  line-height: 1.45 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: max-height 200ms ease, opacity 200ms ease, visibility 0s linear 200ms, transform 200ms ease;
}

.seer-quality-timeline__pill {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  min-height: 22px;
  box-sizing: border-box;
  align-items: center;
  padding: 3px 8px 2px;
  border: 1px solid var(--timeline-border);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--timeline-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.seer-quality-timeline__step.is-active {
  min-height: 84px;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__number {
  border-color: var(--timeline-accent);
  background: var(--timeline-accent);
  color: #ffffff;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  min-height: 84px;
  padding: 12px 58px 12px 18px;
  border-color: var(--timeline-border);
  border-left: 3px solid var(--timeline-accent);
  background: var(--timeline-tint);
  transform: translateY(0);
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__description {
  max-height: 2.95em;
  margin-top: 4px;
  width: auto;
  max-width: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
  display: inline-flex;
}

.seer-quality-timeline__step:focus-visible {
  outline: 2px solid var(--timeline-accent);
  outline-offset: 2px;
}

@media (max-width: 1199px) {
  .seer-quality-timeline {
    padding: 22px 22px 18px;
  }

  .seer-quality-timeline h3 {
    font-size: 24px !important;
  }

  body:is(#seer-global-type-scale, body):not(.resources-document):not(.about-document)
    main .seer-quality-timeline h3 {
    font-size: 24px !important;
  }
}

@media (max-width: 767px) {
  .seer-quality-timeline {
    height: 100%;
    padding: 21px 20px 18px;
    border-radius: 14px;
  }

  .seer-quality-timeline h3 {
    font-size: 23px !important;
  }

  body:is(#seer-global-type-scale, body):not(.resources-document):not(.about-document)
    main .seer-quality-timeline h3 {
    font-size: 23px !important;
  }

  .seer-quality-timeline__intro {
    margin-top: 12px;
    margin-bottom: 14px;
    font-size: 14px !important;
  }

  .seer-quality-timeline__number {
    top: 9px;
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .seer-quality-timeline__step-item:not(:last-child)::after {
    top: 24px;
    left: 15px;
  }

  .seer-quality-timeline__step-item,
  .seer-quality-timeline__step,
  .seer-quality-timeline__surface {
    min-height: 48px;
  }

  .seer-quality-timeline__surface {
    margin-left: 30px;
    padding: 10px 7px 8px 16px;
  }

  .seer-quality-timeline__step.is-active,
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    min-height: 82px;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    padding: 11px 49px 11px 16px;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    margin-right: -34px;
  }

  .seer-quality-timeline__copy strong {
    font-size: 14px !important;
  }

  .seer-quality-timeline__description {
    font-size: 12.5px !important;
  }

  .seer-quality-timeline__pill {
    top: 9px;
    right: 8px;
    min-height: 20px;
    padding-inline: 6px;
    font-size: 9px;
  }
}

/* Readability pass: keep the fixed rail geometry while giving the desktop
 * stage labels enough optical weight to remain legible at the reference size.
 * The explicit page selector wins over the site's legacy display-font sweep;
 * only the explanatory copy uses the approved Helvetica role. */
@media (min-width: 1200px) {
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__copy strong {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__description {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    width: calc(100% + 52px) !important;
    max-width: calc(100% + 52px) !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__number {
    font-size: 14px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__copy strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__description {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    width: calc(100% + 48px) !important;
    max-width: calc(100% + 48px) !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__number {
    font-size: 13px !important;
  }
}

@media (max-width: 767px) {
  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__copy strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__description {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main .seer-quality-timeline__number {
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .seer-quality-timeline__step,
  .seer-quality-timeline__number,
  .seer-quality-timeline__surface,
  .seer-quality-timeline__description {
    transition: none;
  }
}

/* 2026-08-02 — balanced workflow timeline. The fixed outer rail remains
 * unchanged; only its lower workflow area is rebuilt. Equal grid slots keep
 * node centres stable while the active surface expands independently. */
.seer-quality-timeline__intro {
  margin: 13px 0 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #dbe3ec;
}

.seer-quality-timeline__steps {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch;
  justify-content: stretch !important;
  gap: 0 !important;
  margin: 22px 0 0 !important;
  min-height: 0 !important;
  overflow: visible;
}

.seer-quality-timeline__steps::before {
  display: block !important;
  position: absolute;
  z-index: 0;
  top: 10% !important;
  right: auto;
  bottom: 10% !important;
  left: 17px !important;
  width: 1px !important;
  height: auto !important;
  margin: 0;
  background: #c7d5e4;
  content: "";
  pointer-events: none;
}

.seer-quality-timeline__step-item {
  display: flex;
  min-height: 0 !important;
  height: auto !important;
  align-items: center;
  position: relative;
}

.seer-quality-timeline__step-item:not(:last-child)::after {
  display: none !important;
}

.seer-quality-timeline__step,
.seer-quality-timeline__step.is-active {
  display: block;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.seer-quality-timeline__number {
  top: 50% !important;
  left: 0 !important;
  width: 34px !important;
  height: 34px !important;
  transform: translateY(-50%);
}

.seer-quality-timeline__surface,
.seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  position: absolute !important;
  top: 50%;
  right: 0;
  left: 34px;
  width: auto !important;
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 8px 0 18px !important;
  transform: translateY(-50%) !important;
  box-sizing: border-box;
  z-index: 1;
  transition: height 200ms ease, min-height 200ms ease, opacity 200ms ease,
    transform 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.seer-quality-timeline__surface {
  display: flex;
  align-items: center;
  border-color: transparent !important;
  background: transparent !important;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  display: block;
  height: 100px !important;
  min-height: 100px !important;
  padding: 10px 62px 10px 18px !important;
  border: 1px solid var(--timeline-border) !important;
  border-left: 3px solid var(--timeline-accent) !important;
  border-radius: 9px;
  background: var(--timeline-tint) !important;
  z-index: 2;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__copy {
  min-width: 0;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__copy strong {
  max-width: 100%;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__description {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 2.9em !important;
  margin: 4px 0 0 !important;
  overflow: hidden;
  line-height: 1.45 !important;
}

.seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
  top: 10px;
  right: 10px;
  z-index: 3;
}

@media (max-width: 1199px) {
  .seer-quality-timeline__steps {
    margin-top: 24px !important;
  }

  .seer-quality-timeline__number {
    width: 32px !important;
    height: 32px !important;
  }

  .seer-quality-timeline__steps::before {
    left: 15px !important;
  }

  .seer-quality-timeline__surface,
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    left: 32px;
    height: 32px !important;
    min-height: 32px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 96px !important;
    min-height: 96px !important;
    padding-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .seer-quality-timeline__intro {
    padding-bottom: 16px !important;
  }

  .seer-quality-timeline__steps {
    margin-top: 20px !important;
  }

  .seer-quality-timeline__number {
    width: 30px !important;
    height: 30px !important;
  }

  .seer-quality-timeline__steps::before {
    left: 14px !important;
  }

  .seer-quality-timeline__surface,
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    left: 30px;
    height: 30px !important;
    min-height: 30px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 92px !important;
    min-height: 92px !important;
    padding: 9px 50px 9px 16px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
    top: 9px;
    right: 8px;
  }
}

/* 2026-08-03 — mobile timeline flow. The desktop rail uses equal grid rows
 * and absolutely positioned surfaces so node centres remain fixed while the
 * active row expands. On a narrow screen that fixed-height model collapses
 * the rail and lets the active surface cover the intro. Use the same DOM as a
 * normal vertical flow on mobile: every stage owns its row height, the line
 * spans the whole list, and the active surface expands without overlap. */
@media (max-width: 767px) {
  .seer-quality-timeline {
    height: auto !important;
    min-height: 0 !important;
  }

  .seer-quality-timeline__steps {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-rows: none !important;
    margin: 20px 0 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .seer-quality-timeline__steps::before {
    display: block !important;
    top: 15px !important;
    right: auto !important;
    bottom: 15px !important;
    left: 14px !important;
    width: 1px !important;
    height: auto !important;
    background: #c7d5e4 !important;
  }

  .seer-quality-timeline__step-item {
    display: block !important;
    flex: 0 0 auto !important;
    height: 48px !important;
    min-height: 48px !important;
    position: relative !important;
  }

  .seer-quality-timeline__step-item:has(> .seer-quality-timeline__step.is-active) {
    height: 96px !important;
    min-height: 96px !important;
  }

  .seer-quality-timeline__step-item:not(:last-child)::after {
    display: none !important;
  }

  .seer-quality-timeline__step,
  .seer-quality-timeline__step.is-active {
    display: block !important;
    height: 48px !important;
    min-height: 48px !important;
    position: relative !important;
    width: 100% !important;
  }

  .seer-quality-timeline__number {
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
  }

  .seer-quality-timeline__surface,
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    display: flex !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: 30px !important;
    width: calc(100% - 30px) !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px 0 16px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    border-color: transparent !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    transform: none !important;
  }

  .seer-quality-timeline__step.is-active {
    height: 96px !important;
    min-height: 96px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    display: block !important;
    height: 96px !important;
    min-height: 96px !important;
    padding: 9px 50px 9px 16px !important;
    border: 1px solid var(--timeline-border) !important;
    border-left: 3px solid var(--timeline-accent) !important;
    border-radius: 9px !important;
    background: var(--timeline-tint) !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 2.9em !important;
    margin: 4px 0 0 !important;
    overflow: hidden !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
    top: 9px !important;
    right: 8px !important;
  }
}

/* Module 03 keeps the approved Iowan display face for its desktop title and
 * stage labels; explanatory copy continues to use the global role. */
@media (min-width: 1200px) {
  body:is(#seer-global-type-scale, body).quality-assurance-document main
    .seer-quality-timeline--testing h3,
  body:is(#seer-global-type-scale, body).quality-assurance-document main
    .seer-quality-timeline--testing .seer-quality-timeline__copy strong {
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
  }
}

/* Tablet keeps the vertical five-stage rail, but its narrow active surface
 * should give the description the same reading width as the title. The
 * desktop ACTIVE pill is redundant at this width and otherwise removes the
 * final line of otherwise short stage descriptions. */
@media (min-width: 768px) and (max-width: 1199px) {
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 96px !important;
    min-height: 96px !important;
    padding: 9px 16px 9px 16px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    max-height: 4.2em !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
    display: none !important;
  }
}

/* 2026-08-03 — mobile workflow rail. Keep the five stages in one deliberate
 * horizontal sequence so the left rail remains a process navigator rather
 * than becoming a second long content column. Each connector ends at the
 * next circle's outer edge; it never runs through either endpoint. */
@media (max-width: 767px) {
  .seer-quality-timeline__steps {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin-right: -20px !important;
    padding: 0 20px 10px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .seer-quality-timeline__steps::-webkit-scrollbar {
    display: none;
  }

  .seer-quality-timeline__steps::before {
    display: none !important;
  }

  .seer-quality-timeline__step-item,
  .seer-quality-timeline__step-item:has(> .seer-quality-timeline__step.is-active) {
    flex: 0 0 74px !important;
    height: 96px !important;
    min-height: 96px !important;
    min-width: 0 !important;
    scroll-snap-align: start;
  }

  .seer-quality-timeline__step-item:has(> .seer-quality-timeline__step.is-active) {
    flex-basis: 226px !important;
  }

  .seer-quality-timeline__step-item:not(:has(> .seer-quality-timeline__step.is-active)) {
    flex-basis: 120px !important;
  }

  .seer-quality-timeline__step-item:not(:last-child)::after {
    display: block !important;
    top: 50% !important;
    right: -12px !important;
    bottom: auto !important;
    left: 30px !important;
    width: auto !important;
    height: 1px !important;
    background: #c7d5e4 !important;
  }

  .seer-quality-timeline__step,
  .seer-quality-timeline__step.is-active {
    height: 96px !important;
    min-height: 96px !important;
  }

  .seer-quality-timeline__number {
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
  }

  .seer-quality-timeline__surface,
  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    left: 30px !important;
    width: calc(100% - 30px) !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 96px !important;
    min-height: 96px !important;
    padding: 9px 50px 9px 16px !important;
  }
}

/* 2026-08-03 — Module 03 keeps the approved display face on mobile too.
 * Its compact horizontal process rail has no visual connector; the circles
 * and labels remain independent targets, matching the supplied reference. */
@media (max-width: 767px) {
  body:is(#seer-global-type-scale, body).quality-assurance-document main
    .seer-quality-timeline--testing h3,
  body:is(#seer-global-type-scale, body).quality-assurance-document main
    .seer-quality-timeline--testing .seer-quality-timeline__copy strong {
    font-family: "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif !important;
  }

  body:is(#seer-global-type-scale, body).quality-assurance-document main
    .seer-quality-timeline--testing .seer-quality-timeline__step-item:not(:last-child)::after {
    display: none !important;
  }
}

/* 2026-08-03 — finish the mobile rail at the last readable label. Add a
 * deliberate trailing runway and give the final inactive stage enough copy
 * width so long titles stay intact when the user swipes to the end. */
@media (max-width: 767px) {
  .seer-quality-timeline__steps {
    padding-right: 20px !important;
  }

  .seer-quality-timeline__step-item:last-child:not(:has(> .seer-quality-timeline__step.is-active)) {
    flex-basis: 152px !important;
  }

  .seer-quality-timeline__copy strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .seer-quality-timeline__step-item:not(:last-child)::after {
    display: none !important;
  }
}

/* 2026-08-04 — mobile end-state readability. When stage 04 is active and
 * stage 05 is brought into view, a wide active card leaves only its clipped
 * tail visible. Keep the active copy legible beside the final stage; the last
 * stage may expand again when it becomes active. The mobile ACTIVE pill is
 * redundant with the filled node and accent border, so remove it to return
 * that width to the stage title and description. */
@media (max-width: 767px) {
  .seer-quality-timeline__step-item:has(> .seer-quality-timeline__step.is-active) {
    flex-basis: 140px !important;
    height: 120px !important;
    min-height: 120px !important;
  }

  .seer-quality-timeline__step-item:last-child:has(> .seer-quality-timeline__step.is-active) {
    flex-basis: 226px !important;
  }

  .seer-quality-timeline__step,
  .seer-quality-timeline__step.is-active {
    height: 120px !important;
    min-height: 120px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 120px !important;
    min-height: 120px !important;
    padding: 10px 10px 10px 16px !important;
    transition: none !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    max-height: 4.1em !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
    display: none !important;
  }

  .seer-qa-system .seer-quality-timeline__step.is-active
    .seer-quality-timeline__surface {
    height: 120px !important;
    min-height: 120px !important;
  }
}

/* 2026-08-04 - mobile stage focus. Show one complete stage card and keep the
 * next stage's numbered node in view as a swipe cue. Inactive copy remains in
 * the DOM for keyboard and screen-reader users, but it is visually quiet. */
@media (max-width: 767px) {
  .seer-quality-timeline__steps {
    gap: 12px !important;
    overscroll-behavior-x: contain;
    padding-right: 14px !important;
    scroll-snap-type: x mandatory !important;
  }

  .seer-quality-timeline__step-item,
  .seer-quality-timeline__step-item:not(:has(> .seer-quality-timeline__step.is-active)),
  .seer-quality-timeline__step-item:last-child:not(:has(> .seer-quality-timeline__step.is-active)) {
    flex: 0 0 54px !important;
    height: 120px !important;
    min-height: 120px !important;
    width: 54px !important;
  }

  .seer-quality-timeline__step-item:has(> .seer-quality-timeline__step.is-active) {
    flex: 0 0 calc(100% - 66px) !important;
    height: 120px !important;
    min-height: 120px !important;
    min-width: calc(100% - 66px) !important;
    width: calc(100% - 66px) !important;
  }

  .seer-quality-timeline__step-item::after,
  .seer-quality-timeline__step-item:not(:last-child)::after {
    display: none !important;
  }

  .seer-quality-timeline__step,
  .seer-quality-timeline__step.is-active {
    height: 120px !important;
    min-height: 120px !important;
    scroll-snap-align: start;
  }

  .seer-quality-timeline__step-item:not(:has(> .seer-quality-timeline__step.is-active))
    .seer-quality-timeline__surface {
    width: 24px !important;
    margin-left: 30px !important;
    padding: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
  }

  .seer-quality-timeline__step-item:not(:has(> .seer-quality-timeline__step.is-active))
    .seer-quality-timeline__copy {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    height: 120px !important;
    min-height: 120px !important;
    padding: 10px 10px 10px 16px !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
    max-height: 4.2em !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .seer-quality-timeline__step.is-active .seer-quality-timeline__pill {
    display: none !important;
  }
}


/* live-verification.css */
.seer-qa-live {
  background: transparent;
  margin: 0;
  padding: 0;
  width: 100%;
}

.seer-qa-live__stage {
  align-items: center;
  border-radius: var(--seer-radius-xl, 20px);
  color: var(--seer-white);
  display: grid;
  gap: clamp(36px, 4vw, 64px);
  grid-template-columns: minmax(0, 38%) minmax(0, 62%);
  isolation: isolate;
  margin: var(--seer-section-space, 120px) auto;
  max-width: min(var(--seer-container, 1440px), calc(100% - (2 * var(--seer-gutter, 40px))));
  overflow: hidden;
  padding: clamp(62px, 5vw, 80px);
  position: relative;
}

@media (min-width: 1200px) {
  .seer-qa-live h2 { font-size: 60px !important; }
}

.seer-qa-live__stage::after { background: var(--qa-live-bg, var(--seer-navy-deep)); border-radius: inherit; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -2; }
.seer-qa-live__stage.has-blueprint::before { background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 32px 32px; content: ""; inset: 0 52% 0 0; pointer-events: none; position: absolute; z-index: -1; }
.seer-qa-live__copy { position: relative; z-index: 2; }
.seer-qa-live h2 { color: var(--seer-white); font-size: clamp(42px, 3.2vw, 50px) !important; line-height: 1.02 !important; text-align: left !important; }
.seer-qa-live__description { color: rgba(255,255,255,.78); font-size: 17px !important; line-height: 1.55 !important; margin: 24px 0 30px; max-width: 510px; }
.seer-qa-live ul { display: grid; gap: 8px; list-style: none; margin: 0 0 34px; padding: 0; }
.seer-qa-live li { align-items: center; border-top: 1px solid rgba(255,255,255,.13); display: grid; gap: 18px; grid-template-columns: 60px 1fr; padding: 18px 0; }
.seer-qa-live li:first-child { border-top: 0; }
.seer-qa-live__icon { background: rgba(255,255,255,.96); border: 1px solid rgba(255,255,255,.32); border-radius: 50%; box-sizing: border-box; height: 58px; object-fit: contain; padding: 10px; width: 58px; }
.seer-qa-live li div { display: grid; gap: 4px; }
.seer-qa-live li strong { color: var(--seer-white); font-size: 18px !important; }
.seer-qa-live li span { color: rgba(255,255,255,.68); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; }
.seer-qa-live .seer-qa-button--light { background: var(--qa-accent); border-color: var(--qa-accent); color: #fff; }
.seer-qa-live .seer-qa-button--light:hover { background: color-mix(in srgb, var(--qa-accent), #000 12%); border-color: color-mix(in srgb, var(--qa-accent), #000 12%); color: #fff; }
.seer-qa-live__media { aspect-ratio: 16 / 10; background: #07192d; border: 10px solid #111c2b; border-radius: 28px; box-shadow: 0 30px 70px rgba(0,0,0,.36); margin: 0; overflow: hidden; position: relative; transform: none; }
.seer-qa-live__image { display: block; height: 100%; object-fit: cover; object-position: 72% center; width: 100%; }
.seer-qa-live__media::after { background: linear-gradient(180deg, transparent 58%, rgba(4,28,43,.72)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.seer-qa-live__ui { display: flex; inset: 20px 20px auto; justify-content: space-between; position: absolute; z-index: 2; }
.seer-qa-live__ui > span { align-items: center; backdrop-filter: blur(8px); background: rgba(4,28,43,.72); border-radius: 999px; display: flex; font-size: 12px; font-weight: 700; gap: 8px; padding: 8px 12px; }
.seer-qa-live__ui > span i { background: var(--qa-accent); border-radius: 50%; height: 7px; width: 7px; }
.seer-qa-live__ui > div { display: flex; gap: 5px; }
.seer-qa-live__ui > div i { background: rgba(255,255,255,.9); border-radius: 50%; height: 5px; width: 5px; }
.seer-qa-live.is-in-view .seer-qa-live__media { transform: none; transition: box-shadow 700ms ease-out; }

@media (max-width: 1024px) {
  .seer-qa-live__stage { gap: 40px; grid-template-columns: 1fr 1fr; margin-block: var(--seer-section-space-tablet, 88px); padding: 56px 40px; }
  .seer-qa-live__media { transform: none; }
}

@media (max-width: 767px) {
  .seer-qa-live__stage { border-radius: var(--seer-radius-lg, 16px); display: flex; flex-direction: column; margin-block: var(--seer-section-space-mobile, 64px); max-width: calc(100% - (2 * var(--seer-gutter, 20px))); padding: 48px 22px 22px; }
  .seer-qa-live__stage.has-blueprint::before { inset: 0; }
  .seer-qa-live h2 { font-size: 38px !important; }
  .seer-qa-live__description { font-size: 16px !important; }
  .seer-qa-live li strong { font-size: 16px !important; }
  .seer-qa-live li span { font-size: 13px !important; }
  .seer-qa-live__media { aspect-ratio: 4 / 3; order: 2; width: 100%; }
}

@media (min-width: 1200px) {
  .seer-qa-live h2 { font-size: 60px !important; }
}


/* certifications.css */
.seer-qa-certifications {
  background: transparent;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .seer-qa-certifications h2 { font-size: 60px !important; }
}

.seer-qa-certifications__inner {
  display: grid;
  gap: clamp(48px, 6vw, 96px);
  grid-template-columns: minmax(260px, 30%) 1fr;
  margin: 0 auto;
  max-width: var(--seer-container, 1440px);
  padding: var(--seer-section-space, 120px) var(--seer-gutter, 40px);
}

.seer-qa-certifications__inner > header { align-self: start; position: sticky; top: 112px; }
.seer-qa-certifications h2 { font-size: clamp(48px, 3.6vw, 58px) !important; line-height: 1.02 !important; text-align: left !important; }
.seer-qa-certifications header > p:last-child { color: var(--seer-text-muted); font-size: 16px !important; line-height: 1.58 !important; margin: 24px 0 0; max-width: 430px; }
.seer-qa-certifications__grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.seer-qa-certifications__card { align-items: center; background: var(--seer-white); border: 1px solid var(--seer-border-light); border-radius: var(--seer-radius-lg, 16px); color: var(--seer-text); display: flex; flex-direction: column; min-height: 380px; padding: 44px 26px 34px; text-align: center; text-decoration: none; transition: border-color var(--seer-motion-duration, 250ms) ease-out, box-shadow var(--seer-motion-duration, 250ms) ease-out, transform var(--seer-motion-duration, 250ms) ease-out; }
.seer-qa-certifications__card.has-document:hover { border-color: rgba(241,90,24,.34); box-shadow: var(--seer-shadow-md, 0 14px 40px rgba(5,32,47,.08)); color: var(--seer-text); transform: translateY(-3px); }
.seer-qa-certifications__mark { align-items: center; display: flex; height: 126px; justify-content: center; margin-bottom: 24px; width: 100%; }
.seer-qa-certifications__logo { max-height: 92px; max-width: 170px; object-fit: contain; }
.seer-qa-certifications__placeholder { height: 88px; object-fit: contain; width: 88px; }
.seer-qa-certifications__card > strong { color: var(--seer-navy); font-family: var(--seer-font-body, "Helvetica Neue", Arial, sans-serif) !important; font-size: 24px !important; font-weight: 750; }
.seer-qa-certifications__card > small { color: var(--qa-accent-ink); font-size: 11px !important; font-weight: 700; letter-spacing: .14em; margin-top: 10px; text-transform: uppercase; }
.seer-qa-certifications__card > p { color: var(--seer-text-muted); font-size: 14px !important; line-height: 1.5 !important; margin: 18px 0 0; }
.seer-qa-certifications__card > span { color: var(--seer-navy); font-size: 12px; font-weight: 700; margin-top: auto; padding-top: 18px; }

@media (max-width: 1024px) {
  .seer-qa-certifications__inner { grid-template-columns: 1fr; padding-block: var(--seer-section-space-tablet, 88px); }
  .seer-qa-certifications__inner > header { position: static; }
}

@media (max-width: 767px) {
  .seer-qa-certifications__inner { gap: 40px; padding-block: var(--seer-section-space-mobile, 64px); }
  .seer-qa-certifications__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seer-qa-certifications h2 { font-size: 42px !important; }
  .seer-qa-certifications__card { min-height: 290px; padding: 30px 18px 24px; }
  .seer-qa-certifications__mark { height: 78px; }
  .seer-qa-certifications__card > strong { font-size: 20px; }
}

@media (max-width: 520px) {
  .seer-qa-certifications__grid { grid-template-columns: 1fr; }
  .seer-qa-certifications__card { min-height: 270px; padding: 32px 22px 26px; }
  .seer-qa-certifications__mark { height: 82px; margin-bottom: 18px; }
}

@media (min-width: 1200px) {
  .seer-qa-certifications h2 { font-size: 60px !important; }
}


/* factory-tour.css */
.seer-qa-tour {
  background: transparent;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .seer-qa-tour h2 { font-size: 60px !important; }
  .seer-qa-tour__advantages strong { font-size: 20px !important; }
}
.seer-qa-tour__inner {
  display: grid;
  gap: 32px 48px;
  grid-template-columns: minmax(250px, 30%) 1fr;
  margin: 0 auto;
  max-width: var(--seer-container, 1440px);
  padding: var(--seer-section-space, 120px) var(--seer-gutter, 40px);
}
.seer-qa-tour__intro { align-self: center; }
.seer-qa-tour h2 { font-size: clamp(48px, 3.8vw, 60px) !important; line-height: 1.02 !important; text-align: left !important; }
.seer-qa-tour__intro > p:last-of-type { color: var(--seer-text-muted); font-size: 16px !important; line-height: 1.58 !important; margin: 24px 0 0; }
.seer-qa-tour__launch { align-items: center; background: transparent; border: 0; color: var(--seer-navy); cursor: pointer; display: inline-flex; font: inherit; font-size: 15px !important; font-weight: 700; gap: 14px; margin-top: 30px; min-height: 52px; padding: 0; }
.seer-qa-tour__launch span { align-items: center; border: 1px solid var(--seer-navy); border-radius: 50%; color: var(--qa-accent); display: flex; height: 50px; justify-content: center; width: 50px; }
.seer-qa-tour__media { aspect-ratio: 16 / 9; border-radius: var(--seer-radius-lg, 16px); box-shadow: var(--seer-shadow-sm, 0 6px 20px rgba(5,32,47,.05)); margin: 0; overflow: hidden; position: relative; }
.seer-qa-tour__cover { display: block; height: 100%; object-fit: cover; width: 100%; }
.seer-qa-tour__media::after { background: linear-gradient(180deg, transparent 58%, rgba(4,28,43,.76)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.seer-qa-tour__media > button { align-items: center; background: rgba(255,255,255,.92); border: 0; border-radius: 50%; color: var(--qa-accent); cursor: pointer; display: flex; font-size: 24px; height: 82px; inset: 50% auto auto 50%; justify-content: center; padding-left: 5px; position: absolute; transform: translate(-50%, -50%); width: 82px; z-index: 2; }
.seer-qa-tour__media figcaption { bottom: 20px; color: rgba(255,255,255,.85); display: flex; font-size: 12px; gap: 24px; left: 24px; position: absolute; z-index: 2; }
.seer-qa-tour__advantages { background: var(--seer-white); border: 1px solid var(--seer-border-light); border-radius: var(--seer-radius-lg, 16px); display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 8px 0 0; padding: 0; }
.seer-qa-tour__advantages li { align-items: center; display: flex; flex-direction: column; padding: 32px 24px; text-align: center; }
.seer-qa-tour__advantages li + li { border-left: 1px solid var(--seer-border-light); }
.seer-qa-tour__icon { height: 64px; margin-bottom: 18px; object-fit: contain; width: 64px; }
.seer-qa-tour__advantages strong { color: var(--seer-navy); font-size: 18px !important; }
.seer-qa-tour__advantages span { color: var(--seer-text-muted); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; margin-top: 10px; }
.seer-qa-tour__data { display: grid; gap: 16px; grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.seer-qa-tour__data li { background: var(--seer-bg-cool); border-radius: var(--seer-radius-md, 10px); display: grid; gap: 4px; padding: 24px; }
.seer-qa-tour__data strong { color: var(--seer-navy); font-family: var(--seer-font-data, ui-monospace, Consolas, monospace); font-size: 28px; }
.seer-qa-tour__data span { color: var(--seer-text-muted); font-size: 12px; }
.seer-qa-tour__inline { aspect-ratio: 16 / 9; background: var(--seer-navy-deep); border-radius: var(--seer-radius-lg, 16px); grid-column: 1 / -1; overflow: hidden; position: relative; }
.seer-qa-tour__inline > button { align-items: center; background: rgba(4,28,43,.8); border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: var(--seer-white); cursor: pointer; display: flex; font-size: 28px; height: 44px; justify-content: center; position: absolute; right: 14px; top: 14px; width: 44px; z-index: 3; }
.seer-qa-tour__inline-player, .seer-qa-tour__inline-player iframe, .seer-qa-tour__inline-player video { border: 0; height: 100%; width: 100%; }
.seer-qa-tour__modal { inset: 0; position: fixed; z-index: 99999; }
.seer-qa-tour__backdrop { background: rgba(4,28,43,.88); inset: 0; position: absolute; }
.seer-qa-tour__dialog { aspect-ratio: 16 / 9; background: var(--seer-navy-deep); border-radius: var(--seer-radius-lg, 16px); box-shadow: 0 30px 90px rgba(0,0,0,.5); left: 50%; max-height: 82vh; max-width: min(1120px, calc(100vw - 48px)); overflow: hidden; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.seer-qa-tour__close { align-items: center; background: rgba(4,28,43,.8); border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: var(--seer-white); cursor: pointer; display: flex; font-size: 28px; height: 44px; justify-content: center; position: absolute; right: 14px; top: 14px; width: 44px; z-index: 3; }
.seer-qa-tour__player, .seer-qa-tour__player iframe, .seer-qa-tour__player video { border: 0; height: 100%; width: 100%; }
body.seer-qa-modal-open { overflow: hidden; }

@media (max-width: 1024px) {
  .seer-qa-tour__inner { grid-template-columns: 1fr; padding-block: var(--seer-section-space-tablet, 88px); }
  .seer-qa-tour__media { grid-row: 1; }
  .seer-qa-tour__intro { grid-row: 2; }
  .seer-qa-tour__advantages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seer-qa-tour__advantages li:nth-child(3) { border-left: 0; border-top: 1px solid var(--seer-border-light); }
  .seer-qa-tour__advantages li:nth-child(4) { border-top: 1px solid var(--seer-border-light); }
}

@media (max-width: 767px) {
  .seer-qa-tour__inner { padding-block: var(--seer-section-space-mobile, 64px); }
  .seer-qa-tour h2 { font-size: 42px !important; }
  .seer-qa-tour__media { aspect-ratio: 4 / 3; }
  .seer-qa-tour__media > button { height: 64px; width: 64px; }
  .seer-qa-tour__advantages li { padding: 24px 14px; }
  .seer-qa-tour__data { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seer-qa-tour__dialog { border-radius: 0; max-height: none; max-width: none; width: 100vw; }
}

@media (min-width: 1200px) {
  .seer-qa-tour h2 { font-size: 60px !important; }
  .seer-qa-tour__advantages strong { font-size: 20px !important; }
}


/* engineering-comparison.css */
/* Engineering Detail Comparison: desktop proportions calibrated to the approved target. */
.seer-qa-comparison { background:#fff; color:#071b3b; margin:0; padding:28px 0 44px; width:100%; }
.seer-qa-comparison__inner { margin:0 auto; max-width:1420px; width:calc(100% - 64px); }
.seer-qa-comparison__header { margin:0 auto 24px; max-width:1060px; text-align:center; }
.seer-qa-comparison__eyebrow { color:#f45a16; font-size:15px!important; font-weight:700; letter-spacing:.19em; line-height:1.2!important; margin:0 0 7px; text-transform:uppercase; }
.seer-qa-comparison h2 { color:#071b3b; font-family:var(--qa-display)!important; font-size:66px!important; letter-spacing:-.035em; line-height:1.02!important; margin:0; }
.seer-qa-comparison__header > p:last-child { color:#405773; font-size:18px!important; font-weight:400; line-height:1.4!important; margin:12px auto 0; }

.seer-qa-comparison__tabs { border:1px solid #d9e2ec; border-radius:14px; display:grid; gap:0; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:0 0 22px; overflow:hidden; padding:0; width:100%; }
.seer-qa-comparison__tabs li { min-width:0; }
.seer-qa-comparison__tabs li + li { border-left:1px solid #d9e2ec; }
.seer-qa-comparison__tabs button { align-items:center; background:#fbfcfe; border:0; box-sizing:border-box; color:#50627c; cursor:pointer; display:flex; font-family:var(--qa-display)!important; font-size:22px!important; font-weight:500; gap:15px; height:80px; justify-content:center; line-height:1!important; padding:12px 20px; transition:background-color .2s ease,box-shadow .2s ease,color .2s ease; width:100%; }
.seer-qa-comparison__tabs button:hover { background:#f2f6fa; }
.seer-qa-comparison__tabs button img { height:46px; object-fit:contain; width:46px; }
.seer-qa-comparison__tabs button b { color:inherit; font-size:28px!important; font-weight:700; line-height:1!important; }
.seer-qa-comparison__tabs button.is-active { background:#061b3b; box-shadow:inset 0 -4px #f45a16; color:#fff; }
.seer-qa-comparison__tabs button.is-active img { filter:brightness(0) invert(1); }

.seer-qa-comparison__body { align-items:stretch; display:grid; gap:20px; grid-template-columns:minmax(0,1.17fr) minmax(0,1fr); }
.seer-qa-comparison__visual,.seer-qa-comparison__table { border:1px solid #dbe4ee; border-radius:16px; box-sizing:border-box; overflow:hidden; }
.seer-qa-comparison__visual { min-height:706px; padding:20px; }
.seer-qa-comparison__visual-head { align-items:center; display:grid; gap:14px; grid-template-columns:auto minmax(0,1fr) minmax(235px,.95fr); margin:0 0 14px; min-height:55px; }
.seer-qa-comparison__visual-head > b { font-family:var(--qa-display)!important; font-size:42px!important; font-weight:700; line-height:1!important; }
.seer-qa-comparison__visual-head h3 { font-family:var(--qa-display)!important; font-size:25px!important; font-weight:700; line-height:1.14!important; margin:0; }
.seer-qa-comparison__visual-head p { border-left:1px solid #dbe4ee; color:#405773; font-size:15px!important; font-weight:400; line-height:1.45!important; margin:0; padding-left:18px; }
.seer-qa-comparison__hero { background:#f7f9fb; border-radius:14px; height:345px; margin:0; overflow:hidden; position:relative; }
.seer-qa-comparison__hero img { display:block; height:100%; object-fit:cover; object-position:center; width:100%; }
.seer-qa-comparison__marker { align-items:center; background:#f45a16; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #f45a16; color:#fff; display:flex; font-size:15px!important; font-style:normal; font-weight:700; height:30px; justify-content:center; line-height:1!important; position:absolute; width:30px; }
.seer-qa-comparison__marker::after { border-top:2px dotted #f45a16; content:""; left:100%; position:absolute; top:13px; width:54px; }
.seer-qa-comparison__marker--1 { bottom:44px; left:14%; }.seer-qa-comparison__marker--2 { bottom:68px; right:22%; }.seer-qa-comparison__marker--3 { right:33%; top:24%; }
.seer-qa-comparison__details { display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:14px 0 0; padding:0; }
.seer-qa-comparison__detail { border:1px solid #e1e8f0; border-radius:12px; box-sizing:border-box; height:246px; padding:6px 8px 14px; text-align:center; }
.seer-qa-comparison__detail img { border-radius:8px; display:block; height:122px; object-fit:cover; width:100%; }
.seer-qa-comparison__detail-title { align-items:center; display:flex; gap:7px; justify-content:center; margin-top:11px; min-height:24px; }
.seer-qa-comparison__detail-title b { align-items:center; background:#f45a16; border-radius:50%; color:#fff; display:inline-flex; flex:0 0 auto; font-size:13px!important; font-weight:700; height:22px; justify-content:center; line-height:1!important; width:22px; }
.seer-qa-comparison__detail strong { font-family:var(--qa-display)!important; font-size:16px!important; font-weight:700; line-height:1.2!important; white-space:nowrap; }
.seer-qa-comparison__detail > span:last-child { color:#405773; display:block; font-size:15px!important; font-weight:400; line-height:1.42!important; margin:7px auto 0; max-width:185px; }

.seer-qa-comparison__table { display:block; min-height:706px; }
.seer-qa-comparison__table > .seer-qa-comparison__column-head { box-sizing:border-box; float:left; height:88px; padding:22px 34px 14px; position:relative; width:50%; }
.seer-qa-comparison__column-head--standard { background:#061b3b; color:#fff; }.seer-qa-comparison__column-head--market { background:#f0f4f8; color:#0b2347; }
.seer-qa-comparison__column-head strong { display:block; font-family:var(--qa-display)!important; font-size:21px!important; font-weight:700; line-height:1.18!important; white-space:nowrap; }
.seer-qa-comparison__column-head::after { background:#f45a16; bottom:16px; content:""; height:3px; left:34px; position:absolute; width:46px; }.seer-qa-comparison__column-head--market::after { background:#0b2347; }
.seer-qa-comparison__table > [data-comparison-rows] { clear:both; display:block; padding:14px 16px 16px; }
.seer-qa-comparison__row { border-bottom:1px solid #e1e8f0; padding:10px 0 14px; }.seer-qa-comparison__row:first-child { padding-top:8px; }.seer-qa-comparison__row:last-child { border-bottom:0; padding-bottom:8px; }
.seer-qa-comparison__row-head { align-items:center; display:flex; gap:14px; height:34px; padding:0 12px 7px; }
.seer-qa-comparison__row-icon { height:24px; object-fit:contain; width:24px; }
.seer-qa-comparison__row-head h4 { font-family:var(--qa-display)!important; font-size:19px!important; font-weight:700; line-height:1.15!important; margin:0; white-space:nowrap; }
.seer-qa-comparison__row-cards { display:grid; gap:8px; grid-template-columns:1fr 1fr; }
.seer-qa-comparison__cell { box-sizing:border-box; min-height:100px; padding:18px 22px; }
.seer-qa-comparison__cell--standard { background:linear-gradient(135deg,#f7fcf8,#f4faf4); border-radius:10px 3px 3px 10px; }.seer-qa-comparison__cell--market { background:linear-gradient(135deg,#f5f8fc,#f1f5fa); border-left:1px solid #dbe4ee; border-radius:3px 10px 10px 3px; }
.seer-qa-comparison__cell ul { list-style:none; margin:0; padding:0; }
.seer-qa-comparison__cell li { color:#193555; font-size:16px!important; font-weight:400; line-height:1.4!important; padding:2px 0 2px 29px; position:relative; }
.seer-qa-comparison__cell--standard li::before { color:#0a9b55; content:"✓"; font-size:22px; font-weight:700; left:0; line-height:1; position:absolute; top:3px; }.seer-qa-comparison__cell--market li::before { color:#5c6f89; content:"×"; font-size:20px; font-weight:700; left:2px; line-height:1; position:absolute; top:4px; }
.seer-qa-comparison__vs,.seer-qa-comparison__row-icon-wrap { display:none!important; }
.seer-qa-comparison__note { color:#536b8e; font-size:13px!important; line-height:1.4!important; margin:15px 0 0; text-align:center; }

@media (min-width:1025px) and (max-width:1500px) { .seer-qa-comparison__inner { width:calc(100% - 48px); }.seer-qa-comparison__tabs button { font-size:20px!important; gap:11px; padding:12px 16px; }.seer-qa-comparison__tabs button img { height:40px; width:40px; }.seer-qa-comparison__tabs button b { font-size:25px!important; }.seer-qa-comparison__visual-head { grid-template-columns:auto minmax(0,1fr) minmax(220px,.9fr); }.seer-qa-comparison__visual-head h3 { font-size:23px!important; }.seer-qa-comparison__detail { height:230px; }.seer-qa-comparison__detail img { height:110px; }.seer-qa-comparison__detail strong { font-size:14px!important; }.seer-qa-comparison__detail > span:last-child { font-size:13px!important; }.seer-qa-comparison__column-head strong { font-size:19px!important; }.seer-qa-comparison__column-head,.seer-qa-comparison__table > .seer-qa-comparison__column-head { padding-left:24px; padding-right:24px; }.seer-qa-comparison__column-head::after { left:24px; }.seer-qa-comparison__cell { padding:15px 16px; }.seer-qa-comparison__cell li { font-size:14px!important; padding-left:24px; }.seer-qa-comparison__row-head h4 { font-size:17px!important; } }
@media (max-width:1024px) { .seer-qa-comparison { padding:58px 0; }.seer-qa-comparison__inner { width:calc(100% - 48px); }.seer-qa-comparison h2 { font-size:52px!important; }.seer-qa-comparison__body { grid-template-columns:1fr; }.seer-qa-comparison__visual-head p { display:none; }.seer-qa-comparison__visual-head { grid-template-columns:auto minmax(0,1fr); }.seer-qa-comparison__table { min-height:0; } }
@media (max-width:767px) { .seer-qa-comparison { padding:48px 0; }.seer-qa-comparison__inner { width:calc(100% - 32px); }.seer-qa-comparison__header { margin-bottom:20px; }.seer-qa-comparison h2 { font-size:40px!important; }.seer-qa-comparison__header > p:last-child { font-size:16px!important; }.seer-qa-comparison__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:16px; }.seer-qa-comparison__tabs li + li { border-left:0; border-top:1px solid #d9e2ec; }.seer-qa-comparison__tabs li:nth-child(even) { border-left:1px solid #d9e2ec; }.seer-qa-comparison__tabs li:nth-child(-n+2) { border-top:0; }.seer-qa-comparison__tabs button { font-size:16px!important; gap:8px; height:60px; justify-content:center; padding:10px; }.seer-qa-comparison__tabs button img { height:28px; width:28px; }.seer-qa-comparison__tabs button b { font-size:20px!important; }.seer-qa-comparison__visual { min-height:0; padding:14px; }.seer-qa-comparison__visual-head { margin-bottom:12px; min-height:34px; }.seer-qa-comparison__visual-head > b { font-size:30px!important; }.seer-qa-comparison__visual-head h3 { font-size:19px!important; }.seer-qa-comparison__hero { height:210px; }.seer-qa-comparison__marker { height:26px; width:26px; }.seer-qa-comparison__details { grid-template-columns:1fr; }.seer-qa-comparison__detail { height:auto; min-height:178px; }.seer-qa-comparison__detail img { height:88px; }.seer-qa-comparison__detail strong { font-size:16px!important; }.seer-qa-comparison__detail > span:last-child { font-size:14px!important; }.seer-qa-comparison__table > .seer-qa-comparison__column-head { float:none; height:auto; min-height:70px; padding:18px 20px; width:100%; }.seer-qa-comparison__column-head--market { border-top:1px solid #dbe4ee; }.seer-qa-comparison__column-head strong { font-size:19px!important; }.seer-qa-comparison__column-head::after { bottom:13px; left:20px; }.seer-qa-comparison__table > [data-comparison-rows] { padding:10px 12px 14px; }.seer-qa-comparison__row-cards { gap:1px; grid-template-columns:1fr; }.seer-qa-comparison__cell { min-height:0; padding:15px 18px; }.seer-qa-comparison__cell--standard { border-radius:9px 9px 3px 3px; }.seer-qa-comparison__cell--market { border-left:0; border-radius:3px 3px 9px 9px; }.seer-qa-comparison__cell li { font-size:15px!important; }.seer-qa-comparison__row-head { padding-left:6px; }.seer-qa-comparison__row-head h4 { font-size:17px!important; white-space:normal; } }

/* 2026-07-31 comparison density refinement. Desktop-only: horizontal geometry,
   column ratio, type scale, content and interactions remain unchanged. */
@media (min-width:1025px) {
  .seer-qa-comparison__tabs { margin-bottom:18px; }
  .seer-qa-comparison__tabs button { gap:10px; height:56px; min-height:52px; padding:6px 20px; }
  .seer-qa-comparison__tabs button img { height:40px; width:40px; }
  .seer-qa-comparison__visual,
  .seer-qa-comparison__table { min-height:620px; height:620px; }
  .seer-qa-comparison__visual { padding:18px; }
  .seer-qa-comparison__visual-head { margin-bottom:6px; min-height:50px; }
  .seer-qa-comparison__hero { height:304px; }
  .seer-qa-comparison__details { gap:10px; margin-top:8px; }
  .seer-qa-comparison__detail { height:202px; padding:6px 8px 8px; }
  .seer-qa-comparison__detail img { height:96px; }
  .seer-qa-comparison__detail-title { margin-top:8px; min-height:24px; }
  .seer-qa-comparison__detail > span:last-child { display:-webkit-box; height:42px; line-clamp:2; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px; overflow:hidden; }
  .seer-qa-comparison__table { display:flex; flex-wrap:wrap; align-content:stretch; }
  .seer-qa-comparison__table > .seer-qa-comparison__column-head { height:70px; padding:18px 34px 10px; }
  .seer-qa-comparison__column-head::after { bottom:12px; }
  .seer-qa-comparison__table > [data-comparison-rows] { box-sizing:border-box; display:grid; flex:1 1 100%; grid-template-rows:repeat(3,minmax(0,1fr)); min-height:0; padding:8px 16px 10px; }
  .seer-qa-comparison__row { display:flex; flex-direction:column; min-height:0; padding:5px 0 8px; }
  .seer-qa-comparison__row:first-child { padding-top:2px; }
  .seer-qa-comparison__row:last-child { padding-bottom:2px; }
  .seer-qa-comparison__row-head { flex:0 0 30px; height:30px; padding:0 12px 5px; }
  .seer-qa-comparison__row-cards { flex:1 1 auto; min-height:0; }
  .seer-qa-comparison__cell { min-height:0; padding:12px 22px; }
}

@media (min-width:1025px) and (max-width:1500px) {
  .seer-qa-comparison__tabs button { gap:7px; padding:6px 16px; }
  .seer-qa-comparison__tabs button img { height:35px; width:35px; }
  .seer-qa-comparison__visual { padding:18px; }
  .seer-qa-comparison__visual-head { margin-bottom:6px; }
  .seer-qa-comparison__column-head,
  .seer-qa-comparison__table > .seer-qa-comparison__column-head { padding-left:24px; padding-right:24px; }
  .seer-qa-comparison__column-head::after { left:24px; }
  .seer-qa-comparison__cell { padding-left:16px; padding-right:16px; }
}

/* 2026-07-31 comparison interaction and legibility refinement. Desktop-only:
   preserve the equal tab grid, shared panel height, content and column ratio. */
@media (min-width:1025px) {
  .seer-qa-comparison__tabs {
    margin-left:auto;
    margin-right:auto;
    width:80%;
  }
  .seer-qa-comparison__tabs button { gap:6px; padding-left:12px; padding-right:12px; }
  .seer-qa-comparison__tabs button img { height:34px; width:34px; }

  .seer-qa-comparison__visual-head p {
    display:-webkit-box;
    max-height:2.9em;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .seer-qa-comparison__detail {
    height:194px;
    padding:4px 8px 6px;
  }
  .seer-qa-comparison__detail-title {
    align-items:center;
    height:38px;
    margin-top:6px;
    min-height:38px;
  }
  .seer-qa-comparison__detail-title b {
    box-sizing:border-box;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    height:22px;
    line-height:22px!important;
    padding:0;
    text-align:center;
    width:22px;
  }
  .seer-qa-comparison__detail strong {
    display:-webkit-box;
    flex:1 1 auto;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size:18px!important;
    line-height:1.05!important;
    max-height:38px;
    min-width:0;
    overflow:hidden;
    text-align:center;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    white-space:normal;
  }
  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size:16px!important;
    height:38px;
    line-height:1.2!important;
    margin-top:3px;
    max-height:38px;
  }

  .seer-qa-comparison__row-head {
    box-sizing:border-box;
    flex-basis:40px;
    gap:12px;
    height:40px;
    padding:0 12px;
  }
  .seer-qa-comparison__row-icon {
    flex:0 0 34px;
    height:34px;
    width:34px;
  }

  .seer-qa-comparison__table {
    align-content:stretch;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:70px minmax(0,1fr);
  }
  .seer-qa-comparison__table > .seer-qa-comparison__column-head {
    float:none;
    grid-row:1;
    height:70px;
    width:auto;
  }
  .seer-qa-comparison__table > .seer-qa-comparison__column-head--standard { grid-column:1; }
  .seer-qa-comparison__table > .seer-qa-comparison__column-head--market { grid-column:2; }
  .seer-qa-comparison__table > [data-comparison-rows] {
    grid-column:1 / -1;
    grid-row:2;
    height:auto;
    padding-top:0;
  }
  .seer-qa-comparison__row,
  .seer-qa-comparison__row:first-child,
  .seer-qa-comparison__row:last-child { padding-bottom:5px; padding-top:5px; }
}

@media (min-width:768px) {
  .seer-qa-comparison__detail strong {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size:18px!important;
  }
  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size:16px!important;
  }
}

@media (min-width:1025px) and (max-width:1500px) {
  .seer-qa-comparison__tabs button { gap:4px; padding-left:12px; padding-right:12px; }
  .seer-qa-comparison__tabs button img { height:30px; width:30px; }
}

@media (min-width:768px) and (max-width:1024px) {
  .seer-qa-comparison__table > [data-comparison-rows] { padding-bottom:0; padding-top:0; }
  .seer-qa-comparison__row,
  .seer-qa-comparison__row:first-child,
  .seer-qa-comparison__row:last-child { padding-bottom:10px; padding-top:10px; }
}

/* 2026-07-31 tab type calibration. Keep the existing centred rail, icon scale,
   click target and active treatment; only the number/title type is normalized. */
@media (min-width:768px) {
  .seer-qa-comparison__tabs button { font-size:21px!important; }
  .seer-qa-comparison__tabs button b { font-size:21px!important; }
}

.seer-qa-comparison__row-title {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.seer-qa-comparison__row-subtitle {
  color: #405773;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.3 !important;
  margin: 0;
  min-width: 0;
  text-align: right;
}

/* 2026-07-31 row hierarchy contract. The 620px shared panel and the left
   engineering visual remain unchanged; only the comparison rows are rebuilt. */
@media (min-width:1025px) {
  .seer-qa-comparison__table > [data-comparison-rows] {
    box-sizing: border-box;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    padding: 0 16px 8px;
  }

  .seer-qa-comparison__row,
  .seer-qa-comparison__row:first-child,
  .seer-qa-comparison__row:last-child {
    display: grid;
    grid-template-rows: 58px minmax(0, 1fr);
    min-height: 0;
    padding: 0;
  }

  .seer-qa-comparison__row-head {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    flex-basis: auto;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    height: 58px;
    padding: 5px 12px 8px;
    position: relative;
  }

  .seer-qa-comparison__row-head::before,
  .seer-qa-comparison__row-head::after {
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: calc(50% - 18px);
  }

  .seer-qa-comparison__row-head::before {
    background: #f45a16;
    left: 12px;
  }

  .seer-qa-comparison__row-head::after {
    background: #2f6595;
    right: 12px;
  }

  .seer-qa-comparison__row-title {
    display: grid;
    gap: 14px;
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .seer-qa-comparison__row-icon {
    background: #f7f9fc;
    border-radius: 8px;
    box-sizing: border-box;
    height: 42px;
    object-fit: contain;
    padding: 5px;
    width: 42px;
  }

  .seer-qa-comparison__row-head h4 {
    color: #071b3b;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.2 !important;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .seer-qa-comparison__row-subtitle {
    font-size: 15px !important;
    line-height: 1.3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .seer-qa-comparison__row-cards {
    box-sizing: border-box;
    gap: 12px;
    min-height: 0;
    padding: 10px 0 8px;
  }

  .seer-qa-comparison__cell {
    align-items: center;
    display: flex;
    min-height: 0;
    padding: 12px 18px;
  }

  .seer-qa-comparison__cell--standard {
    border-radius: 11px 4px 4px 11px;
  }

  .seer-qa-comparison__cell--market {
    border-radius: 4px 11px 11px 4px;
  }

  .seer-qa-comparison__cell ul { width: 100%; }

  .seer-qa-comparison__cell li {
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding-bottom: 3px;
    padding-top: 3px;
  }
}

@media (max-width:1024px) {
  .seer-qa-comparison__row-head {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .85fr);
    height: auto;
    min-height: 58px;
  }

  .seer-qa-comparison__row-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width:767px) {
  .seer-qa-comparison__row-head {
    gap: 6px;
    grid-template-columns: 1fr;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .seer-qa-comparison__row-subtitle { text-align: left; }
}

/* 2026-08-01 detail-card baseline. The three cards now share the same
   bottom rhythm as the green Standard evidence cards. Keep the image frame,
   text area and card height explicit so the result is stable across tabs. */
.seer-qa-comparison__detail strong,
.seer-qa-comparison__detail-description {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* The site-wide type layer applies Iowan to every descendant with a higher
   specificity than a component class. Match that scope here so this module's
   approved Helvetica role wins without changing other QA sections. */
body:is(#seer-global-type-scale, body).quality-assurance-document main
  .seer-qa-comparison__detail strong,
body:is(#seer-global-type-scale, body).quality-assurance-document main
  .seer-qa-comparison__detail-description {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 1025px) {
  .seer-qa-comparison__detail {
    height: 222px;
    padding: 8px 8px 8px;
  }

  .seer-qa-comparison__detail img {
    height: 102px;
  }

  .seer-qa-comparison__detail-title {
    height: 36px;
    margin-top: 6px;
    min-height: 36px;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    display: block !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    height: 57px !important;
    line-height: 1.2 !important;
    margin-top: 3px;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
}

/* 2026-08-01 detail-card badge placement. Keep the generated markup and
   content unchanged, but remove the badge from the title flow so all three
   titles share the same full-width baseline. */
@media (min-width: 768px) {
  .seer-qa-comparison__detail {
    position: relative;
  }

  .seer-qa-comparison__detail-title {
    display: block;
    height: 36px;
    margin-top: 20px;
    min-height: 36px;
    padding: 0;
    width: 100%;
  }

  .seer-qa-comparison__detail-title b {
    align-items: center;
    background: #f45a16;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(7, 27, 59, .2);
    box-sizing: border-box;
    display: flex;
    font-family: inherit !important;
    font-size: 15px !important;
    height: 32px;
    justify-content: center;
    left: 8px;
    line-height: 1 !important;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 94px;
    width: 32px;
    z-index: 2;
  }

  .seer-qa-comparison__detail strong {
    display: block;
    flex: none;
    max-height: 36px;
    text-align: center;
    width: 100%;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    height: 42px !important;
    margin-top: 3px;
    max-height: 42px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .seer-qa-comparison__detail-title b {
    top: 112px;
  }
}

@media (max-width: 767px) {
  .seer-qa-comparison__detail {
    position: relative;
  }

  .seer-qa-comparison__detail-title {
    display: block;
    height: 38px;
    margin-top: 20px;
    min-height: 38px;
    padding: 0;
    width: 100%;
  }

  .seer-qa-comparison__detail-title b {
    align-items: center;
    background: #f45a16;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(7, 27, 59, .2);
    box-sizing: border-box;
    display: flex;
    font-family: inherit !important;
    font-size: 13px !important;
    height: 28px;
    justify-content: center;
    left: 8px;
    line-height: 1 !important;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 28px;
    z-index: 2;
  }

  .seer-qa-comparison__detail strong {
    display: block;
    flex: none;
    max-height: 38px;
    text-align: center;
    width: 100%;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    height: 42px !important;
    margin-top: 5px;
    max-height: 42px !important;
  }
}

/* 2026-08-01 detail-card copy fit. Keep the existing type and card geometry,
   but remove the extra title-to-copy gap and let the copy use the full card
   width so the longest protection description stays inside its two-line area. */
.seer-qa-comparison__detail-description,
.seer-qa-comparison__detail > span:last-child {
  margin-top: -3px !important;
  max-width: 100% !important;
}

/* 2026-08-01 final Engineering Detail Comparison precision pass. Keep the
   existing module geometry and generated content; only tighten the internal
   desktop rhythm, image crop, marker treatment, card badge alignment and
   comparison-row hierarchy requested by the visual contract. */
@media (min-width: 1025px) {
  .seer-qa-comparison__tabs button {
    gap: 6px;
    height: 56px;
    min-height: 52px;
    padding: 5px 14px;
  }

  .seer-qa-comparison__tabs button img {
    height: 30px;
    width: 30px;
  }

  .seer-qa-comparison__visual,
  .seer-qa-comparison__table {
    height: 620px;
    min-height: 620px;
  }

  .seer-qa-comparison__visual-head {
    align-items: center;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) minmax(195px, .78fr);
    margin-bottom: 8px;
    min-height: 48px;
  }

  .seer-qa-comparison__visual-head > b,
  .seer-qa-comparison__visual-head h3,
  .seer-qa-comparison__visual-head p {
    align-self: center;
  }

  .seer-qa-comparison__visual-head p {
    border-left: 1px solid #e6edf4;
    display: block;
    max-height: none;
    max-width: 230px;
    overflow: visible;
    text-overflow: clip;
    -webkit-box-orient: initial;
    -webkit-line-clamp: initial;
    padding-left: 16px;
  }

  .seer-qa-comparison__hero img {
    height: 106%;
    margin: -3% 0 0 -3%;
    max-width: none;
    width: 106%;
  }

  .seer-qa-comparison__marker {
    box-shadow: 0 0 0 1px #f45a16, 0 1px 3px rgba(7, 27, 59, .18);
    font-size: 14px !important;
    height: 28px;
    width: 28px;
  }

  .seer-qa-comparison__marker::after {
    border-top-width: 1px;
    top: 12px;
    width: 28px;
  }

  .seer-qa-comparison__marker--1 {
    bottom: 40px;
    left: 15%;
  }

  .seer-qa-comparison__marker--2 {
    bottom: 62px;
    right: 21%;
  }

  .seer-qa-comparison__marker--3 {
    right: 31%;
    top: 25%;
  }

  /* Each callout is tied to the visible component in its own category image. */
  [data-qa-comparison][data-comparison-category="structure"] .seer-qa-comparison__marker--1 {
    bottom: auto;
    left: 5%;
    right: auto;
    top: 70%;
  }

  [data-qa-comparison][data-comparison-category="structure"] .seer-qa-comparison__marker--2 {
    bottom: auto;
    left: 84%;
    right: auto;
    top: 70%;
  }

  [data-qa-comparison][data-comparison-category="structure"] .seer-qa-comparison__marker--3 {
    bottom: auto;
    left: 55%;
    right: auto;
    top: 11%;
  }

  [data-qa-comparison][data-comparison-category="acoustic"] .seer-qa-comparison__marker--1 {
    bottom: auto;
    left: 8%;
    right: auto;
    top: 30%;
  }

  [data-qa-comparison][data-comparison-category="acoustic"] .seer-qa-comparison__marker--2 {
    bottom: auto;
    left: 46%;
    right: auto;
    top: 74%;
  }

  [data-qa-comparison][data-comparison-category="acoustic"] .seer-qa-comparison__marker--3 {
    bottom: auto;
    left: 55%;
    right: auto;
    top: 31%;
  }

  [data-qa-comparison][data-comparison-category="vibration"] .seer-qa-comparison__marker--1 {
    bottom: auto;
    left: 24%;
    right: auto;
    top: 65%;
  }

  [data-qa-comparison][data-comparison-category="vibration"] .seer-qa-comparison__marker--2 {
    bottom: auto;
    left: 41%;
    right: auto;
    top: 66%;
  }

  [data-qa-comparison][data-comparison-category="vibration"] .seer-qa-comparison__marker--3 {
    bottom: auto;
    left: 59%;
    right: auto;
    top: 78%;
  }

  [data-qa-comparison][data-comparison-category="protection"] .seer-qa-comparison__marker--1 {
    bottom: auto;
    left: 35%;
    right: auto;
    top: 34%;
  }

  [data-qa-comparison][data-comparison-category="protection"] .seer-qa-comparison__marker--2 {
    bottom: auto;
    left: 57%;
    right: auto;
    top: 65%;
  }

  [data-qa-comparison][data-comparison-category="protection"] .seer-qa-comparison__marker--3 {
    bottom: auto;
    left: 47%;
    right: auto;
    top: 10%;
  }

  .seer-qa-comparison__details {
    gap: 10px;
    margin-top: 8px;
  }

  .seer-qa-comparison__detail {
    box-shadow: 0 1px 2px rgba(7, 27, 59, .025);
    height: 222px;
    padding: 8px;
  }

  .seer-qa-comparison__detail img {
    height: 102px;
  }

  .seer-qa-comparison__detail-title {
    height: 36px;
    margin-top: 20px;
    min-height: 36px;
  }

  .seer-qa-comparison__detail-title b {
    height: 30px;
    left: 8px;
    top: 95px;
    width: 30px;
  }

  .seer-qa-comparison__detail strong {
    max-height: 36px;
    white-space: nowrap;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    color: #536b8e;
    height: 42px !important;
    line-height: 1.2 !important;
    margin-top: -3px !important;
    max-height: 42px !important;
  }

  .seer-qa-comparison__table > [data-comparison-rows] {
    padding: 0 16px 8px;
  }

  .seer-qa-comparison__row-head {
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    height: 54px;
    padding: 5px 12px 7px;
  }

  .seer-qa-comparison__row-title {
    gap: 10px;
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .seer-qa-comparison__row-icon {
    background: transparent;
    border-radius: 0;
    height: 36px;
    padding: 0;
    width: 36px;
  }

  .seer-qa-comparison__row-subtitle {
    font-size: 15px !important;
    line-height: 1.25 !important;
    max-width: 220px;
  }

  .seer-qa-comparison__row-head::before,
  .seer-qa-comparison__row-head::after {
    bottom: 0;
    height: 2px;
    width: calc(50% - 20px);
  }

  .seer-qa-comparison__row-head::before { left: 12px; }
  .seer-qa-comparison__row-head::after { right: 12px; }

  .seer-qa-comparison__row-cards {
    gap: 14px;
    padding: 8px 0 8px;
  }

  .seer-qa-comparison__cell {
    padding: 12px 18px;
  }

  .seer-qa-comparison__cell--market {
    border-left: 0;
  }

  .seer-qa-comparison__cell li {
    line-height: 1.35 !important;
    padding-bottom: 3px;
    padding-top: 3px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .seer-qa-comparison__tabs button {
    gap: 6px;
    height: 56px;
    min-height: 52px;
    padding: 5px 12px;
  }

  .seer-qa-comparison__tabs button img {
    height: 30px;
    width: 30px;
  }
}

/* 2026-08-03 — mobile detail cards are a peer set, so keep their desktop
 * card geometry and expose the set as a deliberate horizontal swipe rail.
 * The comparison table remains in normal flow below it. */
@media (max-width: 767px) {
  .seer-qa-comparison__details {
    display: flex !important;
    gap: 12px !important;
    grid-template-columns: none !important;
    margin-right: -2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 10px !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
  }

  .seer-qa-comparison__details::-webkit-scrollbar {
    display: none;
  }

  .seer-qa-comparison__detail {
    flex: 0 0 min(318px, calc(100% - 28px)) !important;
    width: min(318px, calc(100% - 28px)) !important;
    scroll-snap-align: start;
  }
}

/* Keep the details rail swipeable while clipping its intentional card peek
 * to the quality page width so it cannot enlarge document scrollWidth. */
@media (max-width: 767px) {
  body.quality-assurance-document .seer-qa-comparison,
  body.quality-assurance-document .seer-qa-comparison__inner,
  body.quality-assurance-document .seer-qa-comparison__body,
  body.quality-assurance-document .seer-qa-comparison__visual {
    max-width: 100%;
    overflow-x: hidden;
  }
}

/* 2026-08-03 — keep the three detail cards and the Standard matrix visually
 * level inside the existing 620px desktop shell. The outer height and column
 * ratio stay fixed; only the left panel's free lower space is distributed by
 * flex so the cards finish on the same baseline as the right evidence area. */
@media (min-width: 1025px) {
  .seer-qa-comparison__visual {
    display: flex;
    flex-direction: column;
    min-height: 0 !important;
    padding-bottom: 8px;
  }

  .seer-qa-comparison__visual-head {
    flex: 0 0 48px;
  }

  .seer-qa-comparison__hero {
    flex: 0 0 304px;
  }

  .seer-qa-comparison__details {
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
  }

  .seer-qa-comparison__detail {
    display: grid;
    grid-template-rows: 102px 36px minmax(0, 1fr);
    height: auto !important;
    min-height: 0;
  }

  .seer-qa-comparison__detail img {
    height: 102px;
  }

  .seer-qa-comparison__detail-title {
    min-height: 36px;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    height: auto !important;
    min-height: 0;
  }
}

/* 2026-08-04 - detail-card rhythm and baseline. The title gets its own
 * breathing room before the description, while the cards stop on the same
 * lower edge as the final green Standard cell. The 620px comparison shell is
 * unchanged. */
@media (min-width: 1025px) {
  .seer-qa-comparison__details {
    margin-bottom: 8px !important;
  }

  .seer-qa-comparison__detail {
    grid-template-rows: 102px 44px minmax(0, 1fr) !important;
  }

  .seer-qa-comparison__detail-title {
    height: 36px !important;
    margin-top: 8px !important;
    min-height: 36px !important;
  }

  .seer-qa-comparison__detail-description,
  .seer-qa-comparison__detail > span:last-child {
    height: auto !important;
    line-height: 1.3 !important;
    margin-top: 7px !important;
    min-height: 0 !important;
  }
}


/* faq.css */
/* Quality Assurance FAQ section */
.seer-qa-faq {
  background: #f4f8fb;
  color: #071b3b;
  padding: 72px 0 88px;
}

.seer-qa-faq__inner {
  margin: 0 auto;
  max-width: 1180px;
  width: calc(100% - 64px);
}

.seer-qa-faq__header {
  margin: 0 auto 28px;
  max-width: 760px;
  position: relative;
  text-align: center;
}

.seer-qa-faq__header .seer-qa-eyebrow {
  color: #f45a16;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.2 !important;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.seer-qa-faq__header .seer-qa-panel-number {
  color: rgba(7, 27, 59, .08);
  font-size: 72px !important;
  line-height: 1 !important;
  position: absolute;
  right: 0;
  top: -22px;
}

.seer-qa-faq__header h2 {
  color: #071b3b;
  font-family: var(--qa-display) !important;
  font-size: clamp(40px, 5vw, 62px) !important;
  letter-spacing: -.035em;
  line-height: 1.02 !important;
  margin: 0;
}

.seer-qa-faq__header > p:last-child {
  color: #405773;
  font-size: 17px !important;
  line-height: 1.5 !important;
  margin: 12px auto 0;
  max-width: 620px;
}

.seer-qa-faq__list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seer-qa-faq details {
  background: #fff;
  border: 1px solid #d9e3ed;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(14, 40, 73, .035);
  min-width: 0;
  padding: 0 20px;
}

.seer-qa-faq summary {
  align-items: center;
  color: #071b3b;
  cursor: pointer;
  display: flex;
  font-family: var(--qa-display) !important;
  font-size: 19px !important;
  font-weight: 700;
  gap: 16px;
  justify-content: space-between;
  line-height: 1.2 !important;
  list-style: none;
  min-height: 70px;
}

.seer-qa-faq summary::-webkit-details-marker {
  display: none;
}

.seer-qa-faq summary::after {
  color: #f45a16;
  content: "+";
  flex: 0 0 auto;
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
}

.seer-qa-faq details[open] summary {
  border-bottom: 1px solid #e5ebf1;
}

.seer-qa-faq details[open] summary::after {
  content: "−";
}

.seer-qa-faq summary:focus-visible {
  outline: 2px solid #f45a16;
  outline-offset: 4px;
}

.seer-qa-faq details p {
  color: #405773;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 16px 0 20px;
}

@media (max-width: 767px) {
  .seer-qa-faq {
    padding: 56px 0 68px;
  }

  .seer-qa-faq__inner {
    width: calc(100% - 32px);
  }

  .seer-qa-faq__header {
    margin-bottom: 22px;
    text-align: left;
  }

  .seer-qa-faq__header .seer-qa-panel-number {
    font-size: 56px !important;
    right: 2px;
    top: -14px;
  }

  .seer-qa-faq__header h2 {
    font-size: 40px !important;
    max-width: 300px;
  }

  .seer-qa-faq__header > p:last-child {
    font-size: 16px !important;
    max-width: 320px;
  }

  .seer-qa-faq__list {
    grid-template-columns: 1fr;
  }

  .seer-qa-faq details {
    padding: 0 16px;
  }

  .seer-qa-faq summary {
    font-size: 18px !important;
    min-height: 64px;
  }
}


}


@keyframes seerQaScan { 0%,100% { top: 20%; } 50% { top: 78%; } }
@keyframes seer-qa-network-detail-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* QA Widget host and final state contract. */
.sp-qa {
  --qa-display: var(--seer-font-display, "Iowan Old Style", Iowan, Baskerville, "Times New Roman", serif);
  --qa-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --qa-hero-copy-width: 720px;
  --qa-accent: var(--seer-orange, #f45a16);
  --qa-green: #0b8a58;
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: clip;
  font-family: var(--qa-body);
}

.sp-qa,
.sp-qa * { box-sizing: border-box; }
.sp-qa img { max-width: 100%; }

/* Elementor owns the page background and outer spacing. */
.sp-qa-host--first { padding-top: 0 !important; }
.sp-qa-host--last { padding-bottom: 0 !important; }
.sp-qa-host--sole { padding-left: 0 !important; padding-right: 0 !important; row-gap: 0 !important; }
.sp-qa-host-container { width: 100% !important; margin: 0 !important; padding: 0 !important; }

.sp-qa .seer-qa-button,
.sp-qa .seer-qa-button *,
.sp-qa .seer-quality-timeline__pill,
.sp-qa .seer-qa-system__tabs button,
.sp-qa .seer-qa-system__tabs button *,
.sp-qa .seer-qa-comparison__tabs button,
.sp-qa .seer-qa-comparison__tabs button * {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Typography roles stay local to this Widget. */
.sp-qa .seer-qa-hero h1,
.sp-qa .seer-quality-timeline h3,
.sp-qa .seer-qa-comparison h2,
.sp-qa .seer-qa-comparison__visual-head h3,
.sp-qa .seer-qa-comparison__detail strong,
.sp-qa .seer-qa-comparison__column-head strong,
.sp-qa .seer-qa-comparison__row-head h4 {
  font-family: var(--qa-display) !important;
}

.sp-qa .seer-qa-hero__description,
.sp-qa .seer-quality-timeline__intro,
.sp-qa .seer-quality-timeline__description,
.sp-qa .seer-qa-comparison__header > p,
.sp-qa .seer-qa-comparison__visual-head p,
.sp-qa .seer-qa-comparison__row-subtitle,
.sp-qa .seer-qa-comparison__cell li,
.sp-qa .seer-qa-live__description {
  font-family: var(--qa-body) !important;
}

.sp-qa .seer-qa-hero h1,
.sp-qa .seer-qa-hero__description {
  width: 100%;
  max-width: var(--qa-hero-copy-width);
}

.sp-qa .seer-qa-hero__description {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.sp-qa .seer-qa-hero__image {
  object-position: center 62%;
}

/* Hero media composition; height and usable-canvas geometry live in hero-system.css. */
@media (min-width: 768px) {
  .sp-qa .seer-qa-hero__stage {
    display: block !important;
    overflow: visible !important;
    background: #041c2b;
  }

  .sp-qa .seer-qa-hero__stage.has-blueprint::before { display: none; }

  .sp-qa .seer-qa-hero__media {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    margin: 0;
    overflow: hidden;
  }

  .sp-qa .seer-qa-hero__media::after {
    background:
      linear-gradient(90deg, rgba(4, 28, 43, .97) 0%, rgba(4, 28, 43, .86) 34%, rgba(4, 28, 43, .42) 58%, rgba(4, 28, 43, .08) 84%, rgba(4, 28, 43, .02) 100%),
      linear-gradient(0deg, rgba(4, 28, 43, .22), transparent 54%);
  }

  .sp-qa .seer-qa-hero__copy {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(calc(100% - 72px), 1420px);
    max-width: none;
    padding-inline-end: 36%;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
  }

  .sp-qa .seer-qa-hero h1,
  .sp-qa .seer-qa-hero__description { color: #fff; }
  .sp-qa .seer-qa-hero__description { color: rgba(255, 255, 255, .82); }

  .sp-qa .seer-qa-hero__title-line {
    display: block;
    white-space: nowrap;
  }

  .sp-qa .seer-qa-system {
    background: #fff !important;
  }

  .sp-qa .seer-qa-hero + .seer-qa-system {
    margin-top: 0 !important;
    border-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .sp-qa .seer-qa-hero__copy {
    width: calc(100% - 64px);
    padding-inline-end: 48%;
  }

}

@media (max-width: 767px) {
  .sp-qa {
    --qa-mobile-page-gutter: 16px;
    --qa-mobile-section-gap: 32px;
  }

  .sp-qa .seer-qa-hero,
  .sp-qa .seer-qa-hero__stage {
    background: #fff !important;
  }

  .sp-qa .seer-qa-hero__stage.has-blueprint::before { display: none; }
  .sp-qa .seer-qa-hero__copy { width: 100%; max-width: var(--qa-hero-copy-width); }
  .sp-qa .seer-qa-hero__title-line { white-space: normal; }
  .sp-qa .seer-qa-hero__description { color: var(--seer-text) !important; }
}

/* The three left rails use one stable state model. */
.sp-qa .seer-quality-timeline {
  --timeline-accent: var(--qa-accent);
  --timeline-copy: var(--qa-ink, #071b3b);
}

.sp-qa .seer-quality-timeline--green {
  --timeline-accent: var(--qa-green);
}

.sp-qa .seer-quality-timeline__steps {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
  margin: 22px 0 0 !important;
  overflow: visible !important;
}

.sp-qa .seer-quality-timeline__steps::before,
.sp-qa .seer-quality-timeline__step-item::after {
  display: none !important;
}

.sp-qa .seer-quality-timeline__step-item {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 60px !important;
  margin: 0;
  border-bottom: 1px solid #e3ebf3 !important;
}

.sp-qa .seer-quality-timeline__step-item:last-child { border-bottom: 0 !important; }

.sp-qa .seer-quality-timeline__step,
.sp-qa .seer-quality-timeline__step:hover,
.sp-qa .seer-quality-timeline__step:focus,
.sp-qa .seer-quality-timeline__step.is-active,
.sp-qa .seer-quality-timeline__step.is-active:hover,
.sp-qa .seer-quality-timeline__step.is-active:focus {
  position: relative;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 60px !important;
  margin: 0;
  padding: 0;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--timeline-copy) !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
  transition: border-color 200ms ease;
}

.sp-qa .seer-quality-timeline__step.is-active,
.sp-qa .seer-quality-timeline__step.is-active:hover,
.sp-qa .seer-quality-timeline__step.is-active:focus {
  min-height: 120px !important;
  border-color: var(--timeline-accent) !important;
  background: #fff !important;
}

.sp-qa .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:focus .seer-quality-timeline__number {
  top: 9px !important;
  left: 14px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #b8c9dc !important;
  background: #fff !important;
  color: #294f75 !important;
  transform: none !important;
  translate: none !important;
}

.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:focus .seer-quality-timeline__number {
  border-color: var(--timeline-accent) !important;
  background: var(--timeline-accent) !important;
  color: #fff !important;
}

.sp-qa .seer-quality-timeline__surface,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 60px !important;
  margin: 0 0 0 68px !important;
  padding: 12px 42px 12px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}

.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  min-height: 120px !important;
}

.sp-qa .seer-quality-timeline__copy strong,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__copy strong {
  display: block;
  color: var(--timeline-copy) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.sp-qa .seer-quality-timeline__description {
  display: none !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}

.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
  display: block !important;
  margin-top: 6px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sp-qa .seer-quality-timeline__pill,
.sp-qa .seer-quality-timeline__arrow {
  display: none !important;
}

@media (max-width: 767px) {
  .sp-qa .seer-quality-timeline__number,
  .sp-qa .seer-quality-timeline__step:hover .seer-quality-timeline__number,
  .sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__number {
    left: 12px !important;
  }

  .sp-qa .seer-quality-timeline__surface,
  .sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
    margin-left: 64px !important;
    padding-right: 18px !important;
  }
}

/* 01/03 evidence icons stay transparent; the 02 network owns its own icons. */
.sp-qa .seer-qa-system .seer-qa-production__evidence .seer-qa-evidence__icon,
.sp-qa .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon {
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain;
}

/* Quality network nodes never move. Selection adds only the green edge and ring. */
.sp-qa .seer-qa-system .seer-qa-network__node,
.sp-qa .seer-qa-system .seer-qa-network__node:hover,
.sp-qa .seer-qa-system .seer-qa-network__node:focus,
.sp-qa .seer-qa-system .seer-qa-network__node.is-preview,
.sp-qa .seer-qa-system .seer-qa-network__node.is-active {
  background: #fff !important;
  transform: none !important;
  translate: none !important;
}

.sp-qa .seer-qa-system .seer-qa-network__node:hover,
.sp-qa .seer-qa-system .seer-qa-network__node:focus {
  border-color: var(--qa-green) !important;
  box-shadow: none !important;
}

.sp-qa .seer-qa-system .seer-qa-network__node.is-preview,
.sp-qa .seer-qa-system .seer-qa-network__node.is-active {
  border: 2px solid var(--qa-green) !important;
  box-shadow: 0 0 0 4px rgba(11, 138, 88, .14) !important;
}

@media (min-width: 768px) {
  .sp-qa .seer-qa-system .seer-qa-network__core {
    width: 246px !important;
    height: 246px !important;
    padding: 24px !important;
  }
}

/* Comparison tabs are four equal cells with one horizontal label group. */
.sp-qa .seer-qa-comparison__tabs {
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  padding-inline-start: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.sp-qa .seer-qa-comparison__tabs li,
.sp-qa .seer-qa-comparison__tabs li + li {
  margin: 0 !important;
  padding: 0 !important;
}

.sp-qa .seer-qa-comparison__tabs button,
.sp-qa .seer-qa-comparison__tabs button.is-active {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 56px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 0 !important;
  font-family: var(--qa-display) !important;
  gap: 8px;
}

.sp-qa .seer-qa-comparison__tabs button img {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain;
}

.sp-qa .seer-qa-comparison__tabs button b { flex: 0 0 auto; }
.sp-qa .seer-qa-comparison__detail-title { position: static !important; margin-top: 8px !important; transform: none !important; }
.sp-qa .seer-qa-comparison__row-icon { width: 36px !important; height: 36px !important; object-fit: contain; }

@media (max-width: 767px) {
  .sp-qa .seer-qa-comparison__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 16px !important;
  }

  .sp-qa .seer-qa-comparison__tabs button,
  .sp-qa .seer-qa-comparison__tabs button.is-active {
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px 8px !important;
    font-size: 16px !important;
  }

  .sp-qa .seer-qa-comparison__tabs button img {
    flex-basis: 28px;
    width: 28px !important;
    height: 28px !important;
  }
}

/* Live verification keeps a 60px circle; inner icons −20% and centered (2.2.85). */
.sp-qa .seer-qa-live ul { margin-bottom: 0 !important; }
.sp-qa .seer-qa-live li { grid-template-columns: 60px minmax(0, 1fr) !important; }

.sp-qa .seer-qa-live .seer-qa-live__icon {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-items: center !important;
  width: 60px !important;
  min-width: 60px !important;
  height: 60px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  overflow: hidden !important;
}

.sp-qa .seer-qa-live__icon-image {
  display: block !important;
  width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

.sp-qa .seer-qa-hero__trust { z-index: 5; }
.sp-qa .seer-qa-tour__launch { display: none !important; }
.sp-qa .seer-qa-tour__media > button { box-sizing: border-box; padding: 0 !important; }
.sp-qa .seer-qa-tour__media > button > span { display: block; line-height: 1; transform: none; }

@media (min-width: 1200px) {
  .sp-qa .seer-qa-system { --qa-panel-height: 560px; }

  .sp-qa .seer-qa-system .seer-qa-production,
  .sp-qa .seer-qa-system .seer-qa-network,
  .sp-qa .seer-qa-system .seer-qa-testing {
    grid-template-rows: var(--qa-panel-height) !important;
    height: var(--qa-panel-height) !important;
    min-height: var(--qa-panel-height) !important;
  }

  .sp-qa .seer-qa-system .seer-qa-production__intro,
  .sp-qa .seer-qa-system .seer-qa-network__intro,
  .sp-qa .seer-qa-system .seer-qa-testing__intro,
  .sp-qa .seer-qa-system .seer-qa-production__evidence,
  .sp-qa .seer-qa-system .seer-qa-network__glance,
  .sp-qa .seer-qa-system .seer-qa-testing__evidence,
  .sp-qa .seer-qa-system .seer-qa-production__visual,
  .sp-qa .seer-qa-system .seer-qa-network__map,
  .sp-qa .seer-qa-system .seer-qa-testing__dashboard,
  .sp-qa .seer-qa-system .seer-qa-testing__dashboard figure,
  .sp-qa .seer-qa-system .seer-qa-testing__image {
    height: var(--qa-panel-height) !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__selected,
  .sp-qa .seer-qa-system .seer-qa-testing__selected {
    display: block !important;
  }

  .sp-qa .seer-qa-system .seer-qa-testing__dashboard {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  .sp-qa .seer-qa-system .seer-qa-testing__dashboard figure {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .sp-qa .seer-qa-system .seer-qa-testing__metrics,
  .sp-qa .seer-qa-system .seer-qa-testing__results,
  .sp-qa .seer-qa-system .seer-qa-testing__focus,
  .sp-qa .seer-qa-system .seer-qa-testing__status-strip {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .sp-qa .seer-qa-live li { grid-template-columns: 60px minmax(0, 1fr) !important; }
  .sp-qa .seer-qa-live .seer-qa-live__icon { width: 60px !important; min-width: 60px !important; height: 60px !important; }
  .sp-qa .seer-qa-live__icon-image { width: 44px !important; max-width: 44px !important; height: 44px !important; }
}

/* 2026-08-06 — QA system rail polish (2.2.86)
   Left: compact top-aligned list (no flex fill / no overflow clip),
   H3-aligned plain numbers, 16/18/15 type, full 4-side active frame,
   body max 2 lines. No filled number circle.
   Right evidence icons 57px (67×0.85). Core shield ×2. Live icons −20% centered. */
.sp-qa .seer-quality-timeline {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: visible !important;
  /* Room for the outward active step frame without clipping the left edge. */
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.sp-qa .seer-quality-timeline__steps {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 6px !important;
  margin-top: 14px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.sp-qa .seer-quality-timeline__steps::before,
.sp-qa .seer-quality-timeline__step-item::after {
  display: none !important;
}

.sp-qa .seer-quality-timeline__step-item,
.sp-qa .seer-quality-timeline__step-item:has(.is-active) {
  display: block !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-bottom: 0 !important;
  overflow: visible !important;
}

.sp-qa .seer-quality-timeline__step,
.sp-qa .seer-quality-timeline__step:hover,
.sp-qa .seer-quality-timeline__step:focus,
.sp-qa .seer-quality-timeline__step.is-active,
.sp-qa .seer-quality-timeline__step.is-active:hover,
.sp-qa .seer-quality-timeline__step.is-active:focus {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  column-gap: 6px !important;
  align-items: start !important;
  align-content: start !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  /* Left edge matches H3; horizontal pad only when active frame expands outward. */
  padding: 8px 0 !important;
  border: 1.5px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Active frame grows outward so the number column stays on the H3 left edge. */
.sp-qa .seer-quality-timeline__step.is-active,
.sp-qa .seer-quality-timeline__step.is-active:hover,
.sp-qa .seer-quality-timeline__step.is-active:focus {
  flex: none !important;
  width: calc(100% + 24px) !important;
  margin: 0 -12px !important;
  padding: 10px 12px !important;
  border: 1.5px solid var(--timeline-accent) !important;
  border-color: var(--timeline-accent) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
}

.sp-qa .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:focus .seer-quality-timeline__number {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #667b88 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.02em !important;
  line-height: 1.25 !important;
  text-align: left !important;
  transform: none !important;
  translate: none !important;
}

.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:hover .seer-quality-timeline__number,
.sp-qa .seer-quality-timeline__step.is-active:focus .seer-quality-timeline__number {
  border: 0 !important;
  background: transparent !important;
  color: var(--timeline-accent) !important;
}

.sp-qa .seer-quality-timeline__surface,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  grid-column: 2 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}

.sp-qa .seer-quality-timeline__copy strong,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__copy strong {
  color: var(--timeline-copy) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.sp-qa .seer-quality-timeline__description {
  display: none !important;
}

.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__description {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  max-height: none !important;
  margin-top: 6px !important;
  color: #536a86 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sp-qa .seer-quality-timeline__pill,
.sp-qa .seer-quality-timeline__arrow {
  display: none !important;
}

/* Right rail selected stage summary: max 2 lines. */
.sp-qa .seer-qa-system .seer-qa-production__selected p,
.sp-qa .seer-qa-system .seer-qa-network__selected p,
.sp-qa .seer-qa-system .seer-qa-testing__selected p,
.sp-qa .seer-qa-system .seer-qa-network__selected [data-quality-selected-text],
.sp-qa .seer-qa-system .seer-qa-testing__selected [data-testing-description],
.sp-qa .seer-qa-system .seer-qa-production__selected [data-production-selected-text] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  max-height: none !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
}

/* 02 network node icons remain 1.5×; Quality Core shield ×2. */
.sp-qa .seer-qa-system .seer-qa-network__node-icon {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 6px !important;
}

.sp-qa .seer-qa-system .seer-qa-network__core-icon {
  width: 78px !important;
  height: 78px !important;
  margin-bottom: 8px !important;
  object-fit: contain !important;
}

/* Stage Evidence icons: 67 × 0.85 ≈ 57px on 01/02/03. */
.sp-qa .seer-qa-system .seer-qa-production__evidence .seer-qa-evidence__icon,
.sp-qa .seer-qa-system .seer-qa-network__glance .seer-qa-evidence__icon,
.sp-qa .seer-qa-system .seer-qa-network__glance-icon,
.sp-qa .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon {
  width: 57px !important;
  height: 57px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
}

.sp-qa .seer-qa-system .seer-qa-production__evidence li,
.sp-qa .seer-qa-system .seer-qa-network__glance li,
.sp-qa .seer-qa-system .seer-qa-testing__evidence li {
  grid-template-columns: 57px minmax(0, 1fr) !important;
  column-gap: 12px !important;
}

@media (max-width: 767px) {
  .sp-qa .seer-quality-timeline__step,
  .sp-qa .seer-quality-timeline__step:hover,
  .sp-qa .seer-quality-timeline__step:focus {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }

  .sp-qa .seer-quality-timeline__step.is-active,
  .sp-qa .seer-quality-timeline__step.is-active:hover,
  .sp-qa .seer-quality-timeline__step.is-active:focus {
    width: calc(100% + 24px) !important;
    margin: 0 -12px !important;
    padding: 10px 12px !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__node-icon {
    width: 42px !important;
    height: 42px !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__core-icon {
    width: 56px !important;
    height: 56px !important;
  }

  .sp-qa .seer-qa-system .seer-qa-production__evidence .seer-qa-evidence__icon,
  .sp-qa .seer-qa-system .seer-qa-network__glance .seer-qa-evidence__icon,
  .sp-qa .seer-qa-system .seer-qa-network__glance-icon,
  .sp-qa .seer-qa-system .seer-qa-testing__evidence .seer-qa-evidence__icon {
    width: 48px !important;
    height: 48px !important;
  }

  .sp-qa .seer-qa-system .seer-qa-production__evidence li,
  .sp-qa .seer-qa-system .seer-qa-network__glance li,
  .sp-qa .seer-qa-system .seer-qa-testing__evidence li {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }
}

/* 2.2.86 hard stop: never stretch left steps to fill the panel height. */
.sp-qa .seer-quality-timeline__steps,
.sp-qa .seer-quality-timeline__step-item,
.sp-qa .seer-quality-timeline__step-item:has(.is-active),
.sp-qa .seer-quality-timeline__step,
.sp-qa .seer-quality-timeline__step.is-active,
.sp-qa .seer-quality-timeline__surface,
.sp-qa .seer-quality-timeline__step.is-active .seer-quality-timeline__surface {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.sp-qa .seer-quality-timeline__steps {
  justify-content: flex-start !important;
  overflow: visible !important;
}

/* 2026-08-08 — Desktop Quality Control (02) three-column contract.
   Left rail: five equal steps, single-line titles, no step body, active state
   changes colour/border only. Centre: node active state uses a glow ring and
   never changes size or position. Right rail: What We Verify, fixed four rows,
   per-stage copy. Scoped to the QA network module at >=1200px only. */
@media (min-width: 1200px) {
  /* 2.2.112: the Quality Control (02) left rail uses the rebuilt
     .quality-stage structure styled in the desktop block below. The old
     .seer-quality-timeline__* overrides here were the cause of the broken
     rail (active state on child surface, 34px number boxes, shrunken rows)
     and are removed instead of being stacked over. */
  .sp-qa .seer-qa-system .seer-qa-network__node,
  .sp-qa .seer-qa-system .seer-qa-network__node:hover,
  .sp-qa .seer-qa-system .seer-qa-network__node:focus,
  .sp-qa .seer-qa-system .seer-qa-network__node.is-preview,
  .sp-qa .seer-qa-system .seer-qa-network__node.is-active {
    box-sizing: border-box !important;
    border: 1px solid rgba(11, 138, 88, .25) !important;
    background: #fff !important;
    transform: none !important;
    translate: none !important;
    transition: border-color 200ms ease, box-shadow 200ms ease !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__node.is-preview,
  .sp-qa .seer-qa-system .seer-qa-network__node.is-active {
    border-color: var(--qa-green) !important;
    box-shadow: 0 0 0 2px rgba(11, 138, 88, .16), 0 0 18px rgba(11, 138, 88, .14) !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance ul {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance li {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 15px !important;
    padding: 10px 0 !important;
    min-height: 0 !important;
    align-items: center !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance .seer-qa-evidence__icon {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance li strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance li p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    max-height: none !important;
  }

  .sp-qa .seer-qa-system .seer-qa-network__glance.is-updating .seer-qa-network__selected,
  .sp-qa .seer-qa-system .seer-qa-network__glance.is-updating li {
    animation: seer-qa-network-detail-in 200ms ease both;
  }
}

/* 2.2.112 — Desktop Quality Control (02) left rail, rebuilt as
   .quality-stage rows. Five equal rows fill the rail height below the intro;
   active state is a full-row colour/border change only (no size shift, no
   child boxes). Scoped to the QA network module, desktop widths only. */
@media (min-width: 768px) {
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage-list {
    display: grid !important;
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 1 1 auto !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:hover,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:focus,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active:hover,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active:focus {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 13px 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-left: 3px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--qa-ink, #071b3b) !important;
    font: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
    transform: none !important;
    translate: none !important;
    transition: background-color 180ms ease, border-color 180ms ease !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage__number,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:hover .quality-stage__number,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:focus .quality-stage__number,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active .quality-stage__number {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #6e7f96 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    text-align: left !important;
    transform: none !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage__title,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:hover .quality-stage__title,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:focus .quality-stage__title,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active .quality-stage__title {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--qa-ink, #071b3b) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: left !important;
    transform: none !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:hover .quality-stage__number,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage:focus .quality-stage__number,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active .quality-stage__number {
    color: var(--qa-green) !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active:hover,
  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active:focus {
    background: rgba(35, 170, 98, .075) !important;
    border-color: rgba(35, 170, 98, .35) !important;
    border-left-color: var(--qa-green) !important;
  }

  .sp-qa .seer-qa-system .seer-quality-timeline--quality .quality-stage.is-active .quality-stage__title {
    color: var(--qa-ink, #071b3b) !important;
  }
}